iviewUI折叠面板点击事件阻止冒泡
2020-09-03 本文已影响0人
studentliubo
image.png
在折叠面板的表头使用了Poptip二次确认提示,点击
在折叠面板的表头使用了Poptip二次确认提示,点击
删除
的时候会同时触发展开事件和弹窗,要求点击删除的时候阻止展开事件。
解决方案:
<!-- 以下div的click事件即为阻止冒泡,div的内容即为在标题上添加的组件 -->
<div @click.stop.prevent="() => {}">
<Poptip
confirm
title="是否确认删除当前分类?"
@on-ok="deleteCategory(item, index)">
<span class="margin-20">删除</span>
</Poptip>
</div>