vue如何獲取點(diǎn)擊事件源的方法
整理文檔,搜刮出一個(gè)vue如何獲取點(diǎn)擊事件源的方法,稍微整理精簡(jiǎn)一下做下分享。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>vue click事件獲取當(dāng)前元素對(duì)象</title> <script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/vue.min.js"></script> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body id="app"> <ul> <li v-on:click="say('hello!', $event)" style="background-color:blue;color:white;">點(diǎn)擊當(dāng)前行獲取下一行</li> <li>li2</li> <li>li3</li> </ul> <script> new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { say: function(msg, event) { //獲取點(diǎn)擊對(duì)象 var el = event.currentTarget; var li2text = $(el).next().text(); alert("當(dāng)前對(duì)象的內(nèi)容:"+$(el).text()+" 下一行內(nèi)容:"+li2text); } } }) </script> </body> </html>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue實(shí)現(xiàn)動(dòng)態(tài)給id賦值,點(diǎn)擊事件獲取當(dāng)前點(diǎn)擊的元素的id操作
- 對(duì)vue下點(diǎn)擊事件傳參和不傳參的區(qū)別詳解
- VUE解決 v-html不能觸發(fā)點(diǎn)擊事件的問題
- Vue v-for循環(huán)之@click點(diǎn)擊事件獲取元素示例
- 在Vue組件中獲取全局的點(diǎn)擊事件方法
- vue通過點(diǎn)擊事件讀取音頻文件的方法
- 解決vue 綁定對(duì)象內(nèi)點(diǎn)擊事件失效問題
- vue 項(xiàng)目引入echarts 添加點(diǎn)擊事件操作
- Vue在echarts?tooltip中添加點(diǎn)擊事件案例詳解
- vue使用highcharts自定義圖例點(diǎn)擊事件
相關(guān)文章
vue3組合式API獲取子組件屬性和方法的代碼實(shí)例
這篇文章主要為大家詳細(xì)介紹了vue3組合式API獲取子組件屬性和方法的代碼實(shí)例,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01vue項(xiàng)目中常用解決跨域的方法總結(jié)(CORS和Proxy)
在vue項(xiàng)目中,一般我們會(huì)遇到跨域的問題,vue項(xiàng)目中解決跨域是非常簡(jiǎn)單的,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目中常用解決跨域的方法,主要解釋CROS和Proxy兩種方式,需要的朋友可以參考下2022-12-12vue如何自動(dòng)化打包測(cè)試環(huán)境和正式環(huán)境的dist/test文件
這篇文章主要介紹了vue如何自動(dòng)化打包測(cè)試環(huán)境和正式環(huán)境的dist/test文件,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-06-06vue?element-ui動(dòng)態(tài)橫向統(tǒng)計(jì)表格的實(shí)現(xiàn)
這篇文章主要介紹了vue?element-ui動(dòng)態(tài)橫向統(tǒng)計(jì)表格的實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08vue 使用element-ui中的Notification自定義按鈕并實(shí)現(xiàn)關(guān)閉功能及如何處理多個(gè)通知
這篇文章主要介紹了vue 使用element-ui中的Notification自定義按鈕并實(shí)現(xiàn)關(guān)閉功能及如何處理多個(gè)通知,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08