vue獲取點擊事件源的方法

本文轉載自查看原文 2017-06-14 14:00 9079

 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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Vue獲取事件源 vue事件獲取事件對象,vue獲取事件源,vue event.currentTarget 用JQuery獲取事件源怎么寫 Event Sourcing Pattern 事件源模式監聽器，事件對象，事件源 vue 的點擊事件怎么獲取當前點擊的元素 vue點擊事件獲取元素本身及事件 Java 事件模型基礎：監聽器、事件、事件源、事件注冊 [記錄] JavaScript 中的事件(Event對象、事件源對象、事件流、事件綁定) vue li點擊事件，獲取元素