请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

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

回答1 浏览102 2020-10-09 18:15:28

导入数据的时候从模拟文件里面获得的数据,获得的时候打印都是正常数据,但是当我将数据赋值到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

不知道啥原因

添加回答

已采纳回答

hotCities是不是个对象?

2020-10-10 23:31:29
  • 提问者 叩懿 #1
    非常感谢!
    2020-10-11 11:33:53
  • 提问者 叩懿 #2
    问题已经找到了,在最开始定义数据的时候把 hotCities:{} 定义成了对象,后面输入数据的时候必须是Array,由于加载完成时候数据还没进入组件,先进入的是{},就出错了.
    2020-10-11 11:35:38

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

难度中级
时长18小时30分钟
人数9004
好评度99.9%

课程紧跟Vue版本迭代,最新补充Vue3.0新章节,带你第一时间掌握Vue3.0新特性

讲师

Dell Web前端工程师

BAT资深前端工程师,负责数据平台技术研发。曾任去哪儿网高级前端工程师,主导去哪儿网内部前端监控系统设计,负责去哪儿网门票用户端的前端设计开发。曾任国内知名培训机构高级前端讲师,负责React,Angular,Vue,Hybrid,RN的课程讲授,具备丰富前端授课经验。对优雅编程及工程化有深度思考及见解,教会你写代码,同时帮助你把代码写的更漂亮!

意见反馈 帮助中心 APP下载
官方微信