【vue】vue2和vue3删除提示框区别

vue2：element plus官网例子

this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
    }).then(() => {
        //这里写删除请求
        this.$message({
          type: 'success',
          message: '删除成功!'
        });
    }).catch(() => {
        // 点击取消:不删除了
        this.$message({
            type: 'info',
            message: '已取消删除'
        });
    });

vue3: 因为setup函数里面用不了this，所以element官网例子用不了，我又想用这个模块所以引入 MessageBox 和 ElMessage。

import { ElMessageBox,ElMessage } from 'element-plus';

ElMessageBox.confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
    }).then(() => {
      //这里写删除请求
      ElMessage.success({
        message: '删除成功!'
      });
    }).catch(() => {
      ElMessage.info({
        message: '已取消删除'
      });
    });