浏览器对于数据类型的警告

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

PYLdora

2019-08-14

老师你好,我将数据动态导入这一部分做完后,重新刷新网页,发现在控制台报这样的错
图片描述
我第一反应就是city-list的定义有问题
图片描述
但是这里没有出错,又去父组件看了看
图片描述
感觉也没有问题,通过控制台打印出来的数据也是正常的
图片描述
而且十分奇怪的是,在这个组件里不仅仅承接了cities的数据,还承接了hotCities等的数据,就只有cities的数据有了警告,并且网页的显示,BetterScroll并没有影响。
图片描述
图片描述
请问要怎么做才能消除这个警告呢?

写回答

2回答

PYLdora

提问者

2019-08-17

后续解决方法:

props:{

cities:null

}

0
0

Dell

2019-08-14

你做了属性类型校验?

0
4
Dell
回复
PYLdora
初始值给以空数组,然后更具数组是否为空决定后面的逻辑。
2019-08-17
共4条回复

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

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

10705 学习 · 8203 问题

查看课程