table中 单行 popconfirm 确认删除

实现效果

解决方法

<el-table-column label="操作" width="150" slot="top">
          <template slot-scope="scope">
            <el-button
              type="text"
              icon="el-icon-edit"
              @click="openTestCase(scope.row)"
              >编辑
            </el-button>
            <el-popconfirm
              title="确认删除此条测试用例吗？"
              @confirm="deleteTestCase(scope.row)"
            >
              <el-button
                type="text"
                class="delete-btn"
                icon="el-icon-delete"
                slot="reference"
                >删除</el-button
              >
            </el-popconfirm>
          </template>
        </el-table-column>

代码解释

• 在table-column的列中，添加按钮

• 将popconfirm包裹button

• 在popconfirm中只有点击确定才删除

<el-popconfirm
    title="确认删除此条测试用例吗？"
    @confirm="deleteTestCase(scope.row)"
>

原文链接
学弟学妹们，看见了快来 关注一波~~~是个对人工智能、爬虫、后端感兴趣的现在搞前端的学长（虽然不是学姐……(bushi ）