element-ui删除弹框

您可以使用 Element UI 中的 Dialog 组件来实现删除弹框。具体步骤如下：

1. 在需要触发删除操作的按钮上绑定一个点击事件，例如：

<el-button @click="showDeleteDialog">删除</el-button>

2. 在 Vue 实例中定义一个 data 属性，用于控制删除弹框的显示和隐藏：

data() {
  return {
    deleteDialogVisible: false
  }
}

3. 在 showDeleteDialog 方法中将 deleteDialogVisible 设置为 true，从而显示删除弹框：

methods: {
  showDeleteDialog() {
    this.deleteDialogVisible = true
  }
}

4. 在模板中使用 Dialog 组件来实现删除弹框：

<el-dialog
  title="提示"
  :visible.sync="deleteDialogVisible"
  width="30%"
  :before-close="handleDeleteDialogClose">
  <span>确定要删除吗？</span>
  <div slot="footer" class="dialog-footer">
    <el-button @click="deleteDialogVisible = false">取消</el-button>
    <el-button type="primary" @click="handleDelete">确定</el-button>
  </div>
</el-dialog>

其中，visible.sync 属性用于双向绑定 deleteDialogVisible，从而控制弹框的显示和隐藏；before-close 属性用于在弹框关闭前执行一些操作，例如清空表单数据；footer 插槽用于自定义弹框的底部按钮。

5. 在 handleDelete 方法中编写删除逻辑，并在删除完成后将 deleteDialogVisible 设置为 false，从而隐藏删除弹框。