刪除功能需要彈出確認框

1、html部分

<el-table-column label="操作" width="200" align="center">
        <template slot-scope="scope">
          <el-button type="danger" size="mini" icon="el-icon-delete" @click="removeDataById(scope.row.id)">刪除</el-button>
        </template>
</el-table-column>

2、指令碼部分

teacher.js

import request from '@/utils/request'

export default{
    removeTeacherById(id){
        return request({
            url:`/eduservice/teacher/${id}`,
            method:'delete',
        })
    }
}

頁面指令碼部分

removeDataById(id){
    this.$confirm('此操作將永久刪除該講師, 是否繼續?', '提示', {
       confirmButtonText: 
 
'確定',
       cancelButtonText: '取消',
       type: 'warning'})
       .then(() => { //點選確定，執行then方法
           //呼叫刪除的方法
           teacher.removeTeacherById(id)
          .then(response=>{    //刪除成功，彈出資訊提示，重新渲染頁面
              this.$message({
              type: 'success',
              message: '刪除成功!
 
'
           });
              //重新整理渲染頁面
            this.getList();
          })
        });
}