如下所示：

{{btn_text1}}

{{btn_text2}}

var _vm = new Vue({

data : {

btn_text1 : '點擊1' ,

btn_text2 : '點擊2'

},

methods : {

test_click1 : function (e) {

console.log('test_click1--------------------------') ;

console.log(e) ;

// 輸出結(jié)果：MouseEvent {isTrusted: true, screenX: 40, screenY: 121, clientX: 40, clientY: 30, …}

console.log(e.target) ; // 輸出結(jié)果：點擊1

console.log('test_click1--------------------------') ;

},

test_click2 : function (e) {

console.log('test_click2--------------------------') ;

console.log(e) ; // 輸出結(jié)果：123

console.log(e.target) ; // 輸出結(jié)果：undefined

console.log('test_click2--------------------------') ;

}

}

}).$mount('#app');

以上這篇對vue下點擊事件傳參和不傳參的區(qū)別詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持。

總結(jié)

以上是生活随笔為你收集整理的vue 事件调用 传参_对vue下点击事件传参和不传参的区别详解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。