vue下elmentui中 el-popconfirm 气泡确认框

问题描述：点击el-popconfirm 气泡确认框时，同时会影响外层div的@click事件的弹出解决方法：为el-popconfirm标签里层的el-button标签加上 @click.stop="" 事件即可<div v-for="(chi,chiIndex) in me.children" :key="chiIndex" @click="toDetail(chi,me.type)"&

禾小毅

7004人浏览 · 2022-04-25 09:34:37

禾小毅 · 2022-04-25 09:34:37 发布

问题描述：点击 el-popconfirm 气泡确认框时，同时会影响外层div的@click事件的弹出

解决方法：为el-popconfirm标签里层的el-button标签加上 @click.stop="" 事件即可

<div v-for="(chi,chiIndex) in me.children" :key="chiIndex" @click="toDetail(chi,me.type)">
  <div>标题</div>  
  <el-popconfirm title="确定删除当前收藏吗？" @confirm="favoDetele(chi.id,me.type,chiIndex)">
     <el-button slot="reference" @click.stop=""><i class="el-icon-delete"></i> 删除</el-button>
  </el-popconfirm>
</div>

希望我的愚见能够帮助你哦~，若有不足之处，还望指出，你们有更好的解决方法，欢迎大家在评论区下方留言支持，大家一起相互学习参考呀~