elementui 点击删除按钮弹出提示框

在使用 elementui 的时候，如果要点击删除按钮弹出提示框，可以使用 elementui 提供的 Dialog 组件。

首先，在 template 中添加 Dialog 组件：

<template>
  <el-dialog
    :visible.sync="dialogVisible"
    title="提示"
    @close="closeDialog"
  >
    确定要删除吗？
  </el-dialog>

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

然后，在 script 中设置 Dialog 组件的 visible 属性和 openDialog 和 closeDialog 方法：

export default {
  data() {
    return {
      dialogVisible: false,
    };
  },
  methods: {
    openDialog() {
      this.dialogVisible = true;
    },
    closeDialog() {
      this.dialogVisible = false;
    },
  },
};

这样，当点击删除按钮时，就会弹出一个带有“确定要删除吗？”的提示框。