element ui 中 Popconfirm 气泡确认框的使用

最新推荐文章于 2025-06-09 14:06:27 发布

muyu12121

最新推荐文章于 2025-06-09 14:06:27 发布

阅读量7.2k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js elementui

本文链接：https://blog.csdn.net/RealAndAir/article/details/111665745

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在Vue项目中，Element UI里的el-popconfirm组件在el-table中的便捷使用。给出官方文档链接，提醒将Vue和Element UI版本升级至最新，因旧版本可能不支持。还提到可在el-table-column中添加该组件，也能调整按钮文字等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[vue]element ui 中 Popconfirm 气泡确认框的使用

最近发现element ui中的el-popconfirm组件在el-table中使用很是方便。
官方文档链接 https://element.eleme.io/#/zh-CN/component/popconfirm

注意：最好将vue和element UI的版本升级至最新，旧版本可能不支持

在el-table-column中添加

<template slot-scope="scope">
      <el-popconfirm title="确定从列表中移除吗？"
                   @confirm="handleDeleteRow(scope.$index, scope.row)">
                   <el-button slot="reference" type="text" v-show="!scope.row.load" style="color:#909399">
                   <i class="el-icon-delete"></i>
                   </el-button>
      </el-popconfirm>
</template>