问题场景:前端使用vue-admin-teamplate-master搭建,写了删除一行数据的功能,在按钮点击删除后提示删除成功,但是随后先报了绿框提示删除成功,随后弹出红框但是没有提示信息,浏览器F12显示Uncaught (in promise) error。
组件地址:element-ui组件地址
源码:
首先是index.vue页面部分点击事件绑定
//删除的方法
removeDataById(id) {
// console.log(id)
//调用方法根据id删除
// teacher.deleteTeacherId(id)
// .then()
// .catch()
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
return teacher.deleteTeacherId(id)
}).then(()=>{
this.getListTeacher()//刷新页面
this.$message({
type: "success",
message:
"删除成功!"
})
})