vue獲取點擊事件源的方法
阿新 • • 發佈：2017-06-14
col script -c function get com jquer current ()
1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <meta charset="utf-8"> 5 <title>vue click事件獲取當前元素對象</title> 6 <script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/vue.min.js"></script> 7 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 8 </head> 9 <body id="app"> 10 <ul> 11 <li v-on:click="say(‘hello!‘, $event)" style="background-color:blue;color:white;">點擊當前行獲取下一行</li> 12 <li>li2</li> 13 <li>li3</li> 14 </ul> 15 <script> 16 new Vue({ 17 el: ‘#app‘, 18 data: { 19 message: ‘Hello Vue.js!‘ 20 }, 21 methods: { 22 say: function(msg, event) { 23 //獲取點擊對象24 var el = event.currentTarget; 25 var li2text = $(el).next().text(); 26 alert("當前對象的內容："+$(el).text()+" 下一行內容："+li2text); 27 } 28 } 29 }) 30 </script> 31 </body> 32 </html>
vue獲取點擊事件源的方法