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

Question

老师你好，我将数据动态导入这一部分做完后，重新刷新网页，发现在控制台报这样的错

我第一反应就是city-list的定义有问题

但是这里没有出错，又去父组件看了看

感觉也没有问题，通过控制台打印出来的数据也是正常的

而且十分奇怪的是，在这个组件里不仅仅承接了cities的数据，还承接了hotCities等的数据，就只有cities的数据有了警告，并且网页的显示，BetterScroll并没有影响。


请问要怎么做才能消除这个警告呢？

Answer 1

提问者 PYLdora 2019-08-17 14:37:30

后续解决方法：

props:{

cities:null

}

Answer 2

Dell 2019-08-14 23:47:50

你做了属性类型校验？

• 提问者 PYLdora #1

  这个组件是下面的列表，要接收父组件传过来的数据，所以有props，如果cities定义是object，就会警告说我定义object但是得到array。然后看老师的代码，也是对cities定义的object

• Dell 回复 提问者 PYLdora #2

  其实可以定义成object或者数组，同学可以看下这块vue文档中的例子

• 提问者 PYLdora 回复 Dell #3

  嗯嗯，我知道理论是行得通的，浏览器要报警报，想彻底清除这些警报才这么改的( ･᷄ὢ･᷅ )

点开查看后面1条评论