测试在vue下点击事件传参和不传参的区别
来源:互联网 发布:报考东华大学网络教育 编辑:程序博客网 时间:2024/06/05 17:21
<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>
阅读全文
0 0
- 测试在vue下点击事件传参和不传参的区别
- 触摸事件和点击事件的区别
- Vue-1-循环和点击事件
- vue绑定的点击事件阻止冒泡
- [Ext JS 4] 实战之 ComboBox 和 DateField 的点击事件在IE下失效
- vue绑定点击事件
- jqGrid在请求前触发的事件和点击翻页时判断点击了上一页还是下一页
- Vue在列表中绑定点击事件后的处理方法
- 区别父试图和子视图的点击事件
- vue路由传参query和params的区别
- Vue-2-循环和点击事件(留言板事例)
- android 触摸事件、点击事件的区别
- android 触摸事件、点击事件的区别
- android 触摸事件、点击事件的区别
- android 触摸事件、点击事件的区别
- android 触摸事件、点击事件的区别
- android 触摸事件、点击事件的区别
- Android 触摸事件、点击事件的区别
- 图像分割学习小结
- mongo eval方法执行需要认证解决办法
- C#中System.String类
- 我的物联网项目(十四) 分布式事务
- Centos7 安装 PHP7最新版的详细教程
- 测试在vue下点击事件传参和不传参的区别
- 设计模式【服务器定位模式Service Locator Pattern】
- 6.1 使用接口
- 007-100-判断两个二叉树是否相等 Same Tree
- k近邻法
- unity 安卓 如何读取 Application.persistentDataPath这个路径下面的assetbundle文件
- C语言学习内容总结2017/11/18(malloc函数)
- cmake opencv 路径问题
- 桥接模式