我将模拟数据 从city 导入到组件 list 的时候提示数据类型错误

来源:8-5 Vue项目城市选择页 - 页面的动态数据渲染

叩懿

2020-10-09

导入数据的时候从模拟文件里面获得的数据,获得的时候打印都是正常数据,但是当我将数据赋值到cities的时候就会报错.

[Vue warn]: Invalid prop: type check failed for prop “hot”. Expected Array, got Object

found in

检查数据未发现错误,但是打印出来的数据不是原本数据.
代码入下,打印的数据已经不是原本数据.

handelGetCityInfoSucc (res) {
res = res.data
console.log(‘未出错位置’,res.data)
if (res.ret && res.data) {
const data = res.data
this.city = data.city
this.cities = data.cities
this.hot = data.hotCities
console.log(‘出错位置’,this.hot)
}
}

屏蔽数据后 打印的数据正常
// this.hot = data.hotCities

不知道啥原因

写回答

1回答

Dell

2020-10-10

hotCities是不是个对象?

0
2
叩懿
问题已经找到了,在最开始定义数据的时候把 hotCities:{} 定义成了对象,后面输入数据的时候必须是Array,由于加载完成时候数据还没进入组件,先进入的是{},就出错了.
2020-10-11
共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10705 学习 · 8204 问题

查看课程