前端笔记Vue项目 第4天 10

3  验证图书名称是否存在

• 添加图书之前发送请求验证图示是否已经存在

• 如果不存在 往后台里面添加图书名称

  • 图书存在与否只需要修改submitFlag的值即可

watch: {
        name: async function(val) {
          // 验证图书名称是否已经存在
          // var flag = this.books.some(function(item){
          //   return item.name == val;
          // });
          var ret = await axios.get('/books/book/' + this.name);
          if(ret.status == 1) {
            // 图书名称存在
            this.submitFlag = true;
          }else{
            // 图书名称不存在
            this.submitFlag = false;
          }
        }
},

4.  编辑图书

• 根据当前书的id 查询需要编辑的书籍

• 需要根据状态位判断是添加还是编辑

methods: {
        handle: async function(){
          if(this.flag) {
            #4.3 编辑图书   把用户输入的信息提交到后台
            var ret = await axios.put('books/' + this.id, {