el-button官方文档是这样的提示框，为何复制到组件里却是这样的报错？$confirm要做何处理？

Question

<template>
<el-button type="text" @click="open">点击打开 Message Box</el-button>
</template>
<script>
export default {

methods: {
  open() {
    this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    }).then(() => {
      this.$message({
        type: 'success',
        message: '删除成功!'
      });
    }).catch(() => {
      this.$message({
        type: 'info',
        message: '已取消删除'
      });          
    });
  }
}

}
</script>

Answer 1

如果您要分别导入元素，则应confirm改为在组件中本地导入方法。也就是说，导入MessageBox其confirm方法：
将this.$confirm修改为MessageBox.confirm

import { MessageBox } from 'element-ui'

export default {
methods: {

handleDelete(row) {

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

}

}
}

Answer 2

你是不是按需引入了