vue獲取當前點選事件
阿新 • • 發佈：2019-01-31
<!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> <--呼叫方法@click="say($event)" 引數傳的是$event--> <li v-on:click="say($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(event) { //獲取點選物件 var el = event.currentTarget; //獲取點選的物件 var li2text = $(el).next().text(); //獲取當前點選事件的元素$(el); } } }) </script> </body> </html>
歡迎關注我的個人技術公眾號！javascript藝術