首页 |  我的博客 |  查看该博主内容分类 | 

如何避免el-poppconfirm组件的事件冒泡?

解决办法

正常阻止事件冒泡在@click上加stop就可以阻止,而在组件的@confirm上加stop修饰符无效,所以可以在el-poppconfirm组件上加个标签然后再阻止事件冒泡即可。

<!--    正常阻止事件冒泡  -->
<el-button @click.stop="xxx"></el-button>

<!--    el-popconfirm的阻止事件冒泡  -->
<span @click.stop>
	<el-popconfirm @confirm="xxx"
	></el-popconfirm>
</span>
posted @ 2024-08-09 16:38  Z哎呀  阅读(458)  评论(0)    收藏  举报