vue 事件调用 传参_对vue下点击事件传参和不传参的区别详解

如下所示：

{{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) ;

// 输出结果：MouseEvent {isTrusted: true, screenX: 40, screenY: 121, clientX: 40, clientY: 30, …}

console.log(e.target) ; // 输出结果：点击1

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

},

test_click2 : function (e) {

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

console.log(e) ; // 输出结果：123

console.log(e.target) ; // 输出结果：undefined

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

}

}

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

以上这篇对vue下点击事件传参和不传参的区别详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。