美文网首页
iviewUI折叠面板点击事件阻止冒泡

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

作者: studentliubo | 来源:发表于2020-09-03 12:14 被阅读0次
    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>
    

    相关文章

      网友评论

          本文标题:iviewUI折叠面板点击事件阻止冒泡

          本文链接:https://www.haomeiwen.com/subject/xpynsktx.html