整理文檔,搜刮出一個vue如何獲取點擊事件源的方法,稍微整理精簡一下做下分享。
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <title>vue click事件獲取當前元素對象</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;">點擊當前行獲取下一行</li> <li>li2</li> <li>li3</li> </ul> <script> new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { say: function(msg, event) { //獲取點擊對象 var el = event.currentTarget; var li2text = $(el).next().text(); alert("當前對象的內容:"+$(el).text()+" 下一行內容:"+li2text); } } }) </script> </body></html>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答