这期内容当中小编将会给大家带来有关vue中事件传参与不传参的区别是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
如下所示:
<div id = 'app'> <p><button @click = 'test_click1'>{{btn_text1}}</button></p> <br> <p><button @click = 'test_click2("123")'>{{btn_text2}}</button></p> </div> <script src="https://cdn.bootcss.com/vue/2.5.8/vue.min.js"></script> <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) ; // 输出结果:<button>点击1</button> 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'); </script>
上述就是小编为大家分享的vue中事件传参与不传参的区别是什么了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。