在线教育项目-day04【后台讲师删除功能】

1.在teacher.js,中添加如下代码

//2.根据id删除讲师
    deleteTeacher(id){
        return request({
            url: `/eduservice/edu-teacher/${id}`,
            method: 'delete'
            //data表示把对象转换成json进行传递          
          })
    }

2.在list.vue中添加如下代码

  removeDataById(id) {
            this.$confirm('此操作将永久删除讲师记录, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {  //点击确定,执行then方法
                //调用删除的方法
                teacher.deleteTeacher(id)
                    .then(response =>{//删除成功
                    //提示信息
                    this.$message({
                        type: 'success',
                        message: '删除成功!'
                    });
                    //回到列表页面
                    this.getList()
                })
            }) //点击取消,执行catch方法
        }
  }

对了这里出现了一个问题,之前把

@CrossOrigin6
这个注解放在了方法上了,所以会出现一个跨域问题。
@CrossOrigin6一定要放在类上



猜你喜欢

转载自www.cnblogs.com/dmzna/p/12805750.html
今日推荐