iviewUI折叠面板点击事件阻止冒泡

2020-09-03  本文已影响0人  studentliubo
image.png
在折叠面板的表头使用了Poptip二次确认提示,点击删除的时候会同时触发展开事件和弹窗,要求点击删除的时候阻止展开事件。

解决方案:

<!-- 以下div的click事件即为阻止冒泡,div的内容即为在标题上添加的组件 -->
        <div @click.stop.prevent="() => {}">
            <Poptip
                     confirm
                     title="是否确认删除当前分类?"
                     @on-ok="deleteCategory(item, index)">
                     <span class="margin-20">删除</span>
                   </Poptip>
        </div>
上一篇下一篇

猜你喜欢

热点阅读