response.data.type==0 和response.data.type===0的区别
时间: 2024-05-28 20:12:27 浏览: 21
在 JavaScript 中,"==" 运算符比较值是否相等,而 "===" 运算符比较值和类型是否都相等。因此,"response.data.type==0" 比较的是 response.data.type 的值是否等于数字 0,而 "response.data.type===0" 则比较 response.data.type 的值和类型是否都等于数字 0。如果 response.data.type 的类型不是数字,则 "response.data.type===0" 会返回 false,而 "response.data.type==0" 会尝试将 response.data.type 转换为数字后再进行比较。因此,"===" 更严格,更准确,更建议使用。
相关问题
response.data.map(t => t.successNum)转换成vue3的写法
在Vue3中,你可以使用`v-for`指令来遍历数组和映射数据。下面是将`response.data.map(t => t.successNum)`转换为Vue3写法的示例:
```html
<template>
<div>
<div v-for="t in response.data" :key="t.id">
{{ t.successNum }}
</div>
</div>
</template>
<script>
export default {
data() {
return {
response: {
data: [
{ id: 1, successNum: 10 },
{ id: 2, successNum: 20 },
{ id: 3, successNum: 30 }
]
}
};
}
};
</script>
```
在上面的示例中,我们使用`v-for`指令遍历`response.data`数组,然后使用`:key`绑定每个循环项的唯一标识符(在这里我们使用了`t.id`)。然后,我们可以通过`{{ t.successNum }}`来显示每个循环项中的`successNum`属性的值。
fetchData() { // this.list = [] this.listLoading = true this.good.pageSize = this.pageSize this.good.pageIndex = this.currentPage4 console.log(this.good.uintPirce) if (this.good.uintPirce === '' || this.good.uintPirce === null) { this.good.uintPirce = 0 } getList(this.good).then(response => { this.list = response.data.records this.total = response.data.total this.pageSize = response.data.size // this.total = response.data.pages this.currentPage4 = response.data.current this.listLoading = false }) },解释以上每一行代码
以下是对您提供的代码片段的逐行解释:
1. `this.listLoading = true`: 将 `listLoading` 属性设置为 `true`,用于显示加载状态。
2. `this.good.pageSize = this.pageSize`: 将 `good` 对象的 `pageSize` 属性设置为当前的 `pageSize` 值。
3. `this.good.pageIndex = this.currentPage4`: 将 `good` 对象的 `pageIndex` 属性设置为当前的 `currentPage4` 值。
4. `console.log(this.good.uintPirce)`: 打印出 `good` 对象的 `uintPirce` 属性的值,用于调试目的。
5. `if (this.good.uintPirce === '' || this.good.uintPirce === null) { ... }`: 如果 `good` 对象的 `uintPirce` 属性为空字符串或者为 `null`,则执行下面的逻辑。
6. `this.good.uintPirce = 0`: 将 `good` 对象的 `uintPirce` 属性设置为 0。
7. `getList(this.good).then(response => { ... })`: 调用一个名为 `getList` 的函数,并将 `good` 对象作为参数传递给它。这个函数可能是获取列表数据的后端接口。
8. `.then(response => { ... })`: 如果获取列表数据成功,则执行回调函数,并将返回的响应作为参数传递给它。
9. `this.list = response.data.records`: 将返回的响应中的 `records` 属性赋值给 `list` 数组,用于显示列表数据。
10. `this.total = response.data.total`: 将返回的响应中的 `total` 属性赋值给 `total` 变量,用于显示总记录数。
11. `this.pageSize = response.data.size`: 将返回的响应中的 `size` 属性赋值给 `pageSize` 变量,用于显示每页记录数。
12. `this.currentPage4 = response.data.current`: 将返回的响应中的 `current` 属性赋值给 `currentPage4` 变量,用于显示当前页码。
13. `this.listLoading = false`: 将 `listLoading` 属性设置为 `false`,用于隐藏加载状态。
希望以上解释能对您有所帮助。如果您还有其他问题,请随时提问!
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)