zoukankan      html  css  js  c++  java
  • 在线教育项目-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一定要放在类上



  • 相关阅读:
    黄宗禹9.11作业
    黄宗禹第一次作业
    9.11
    9.18
    计算平均速度
    圆的周长与面积
    JAVA 作业
    9.11
    9.25
    计算平均速度题
  • 原文地址:https://www.cnblogs.com/dmzna/p/12805750.html
Copyright © 2011-2022 走看看