vue中控件点击阻止事件穿透


问题:如下图,页面上点击运行按钮,该区域会触发两个时间,一个是底层表格行区域点击的事件,一个是按钮本身的事件,因为按钮和表格区域是重叠的,导致点击按钮时,会触发上下两层控件对应的事件,也就是时间的穿透。

 

 

 

 解决办法:

绑定click事件时,加个stop,即可阻止事件的穿透,底层的事件不会被触发,即@click.stop="xxx(arg)"

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM