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 16:37:45 浏览: 21
这段代码是一个 `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`。
相关问题
console.log(this.data)这段写在哪里
`console.log(this.data)`这段代码可以写在JavaScript中的任何一个函数中,前提是这个函数是被一个对象所调用。在浏览器中,你可以在开发者工具的控制台中调用这段代码。如果你想在对象的方法中打印出对象的属性值,可以这样写:
```javascript
const obj = {
data: 'Hello, World!',
printData: function() {
console.log(this.data);
}
};
obj.printData(); // 输出 Hello, World!
```
这里通过使用`this`关键字来引用对象本身,然后在对象的`printData`方法中调用`console.log`方法来输出`data`属性的值。
console.log(this)
根据引用,在函数aa中,console.log(this)会打印出函数aa所在的上下文。如果该函数是在全局作用域中调用,那么this将指向全局对象。如果该函数是通过某个对象的方法调用,那么this将指向该对象。
根据引用,在立即执行函数inner中,console.log(this)将指向全局对象window。
根据引用,在Person构造函数中,如果使用setTimeout函数来打印console.log(this),由于setTimeout函数是在等待3秒之后才执行的,此时this的指向已经发生了变化,它将指向全局对象window。
所以,根据不同的上下文,console.log(this)的输出结果可能是全局对象window,也可能是某个特定的对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [this指向](https://blog.csdn.net/weixin_38289101/article/details/89452060)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)