console.log(this.selectedtype) this.loading=true; let data={keyWord:this.keyWord,type:this.selectedtype=="全部"?-1:this.selectedtype}; this.axios.post("book/getBooks",this.qs.stringify(data)).then((res)=>{ this.bookList=res.data.data; this.loading=false; }).catch(()=>{ this.$message({ message:"网络异常", type:"error", }); this.loading=false; })
时间: 2024-03-29 22:37:45 浏览: 75
这段代码是一个 `Vue` 组件中的方法,包含了以下步骤:
- 使用 `console.log` 方法输出 `this.selectedtype` 的值。
- 将 `loading` 属性设置为 `true`,表示正在加载数据。
- 定义一个名为 `data` 的对象,包含了 `keyWord` 和 `type` 两个属性,分别对应搜索关键字和书籍类型。其中 `type` 属性根据 `selectedtype` 的值来确定。如果 `selectedtype` 等于 `"全部"`,则将 `type` 设置为 `-1`,否则将 `type` 设置为 `selectedtype` 的值。
- 使用 `axios` 库向服务器发送一个 `POST` 请求,请求地址为 `"book/getBooks"`,请求参数为 `data` 对象。请求成功后,将服务器返回的书籍列表数据赋值给 `bookList` 属性,并将 `loading` 属性设置为 `false`,表示数据加载完成。如果请求失败,则显示一个错误提示框,提示用户网络异常,并将 `loading` 属性设置为 `false`。
阅读全文