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一定要放在类上



  • 相关阅读:
    C++细节3
    C++细节2
    C++细节1
    连通域标记方法
    dll动态链接库入门2
    UnixShell编程(第三版)
    Xcode 快捷键
    mysql在linux上的一点操作
    mysql 语句
    开机自动启动
  • 原文地址:https://www.cnblogs.com/dmzna/p/12805750.html
Copyright © 2011-2022 走看看