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

前端之家收集整理的这篇文章主要介绍了对vue下点击事件传参和不传参的区别详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如下所示:


<script src="https://cdn.bootcss.com/vue/2.5.8/vue.min.js"&gt;
<script type="text/javascript">

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) ;  // <a href="/tag/shuchu/" target="_blank" class="keywords">输出</a>结果:<button>点击1</button>
 console.log('test_click1--------------------------') ;
},test_click2 : function (e) {
 console.log('test_click2--------------------------') ;
 console.log(e) ;   // <a href="/tag/shuchu/" target="_blank" class="keywords">输出</a>结果:123
 console.log(e.target) ;  // <a href="/tag/shuchu/" target="_blank" class="keywords">输出</a>结果:undefined
 console.log('test_click2--------------------------') ;
}

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

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

猜你在找的Vue相关文章