elementui中@row-click和单元格中@click事件冲突解决

最新推荐文章于 2024-09-03 21:59:09 发布

casual_i

最新推荐文章于 2024-09-03 21:59:09 发布

阅读量3.4k

点赞数 1

文章标签： elementui vue.js javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Casual_i/article/details/123230000

版权

当点击Vue项目的el-table组件内操作按钮时，同时触发了@row-click事件。博主发现这是由于事件冒泡导致的，通过在按钮上添加@click.native.stop修饰符，成功阻止了事件冒泡，解决了问题。分享此解决方案，帮助遇到同样困扰的开发者。

摘要由CSDN通过智能技术生成

最近遇到一个问题，当我点击el-table中操作单元格的按钮时，发现el-table写的@row-click这个功能也会一起出现。这是一个点击冒泡的现象，最终找到了解决方法，操作按钮这样写：@click.native.stop就解决啦。

最后贴上一些相关知识：

使用 .native 修饰符，监听根元素的原生事件。加了.native就可以匹配VUE的全局回调函数，变成了一个普通的HTML标签。

希望对和我一样有疑惑的小伙伴有所帮助！说的不是很清楚，如果有不理解的可以自行百度。还有很多修饰符也可以自己去了解呀~

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。