1、在vue中使用插值表达式,在里面写入下面的表达式,虽然浏览器渲染出来的效果是正确的,但是控制台却报错了
找了半天没有找到原因,于是我重新写了一个简单的数据进行测试,控制台并没有报错且有效果。
data() {
return {
current: 0,
index:[{name:"街"}]
};
},
{{ index[0].name }}
在项目中的其他地方也写了相似的插值表达式,控制台并没有报错。难道是因为下面这个是在 v-for循环下使用的所以没出错吗???有点奇怪。后面没有继续再根据这个想法验证了,后面再使用到的时候再做考究。
解决
本来是想着图方便,所以没有把这个对象给单独拿出来,后面单独拿出来作为对象使用后,控制台不再报错了。
3、使用filter()函数控制台一直报错,但渲染效果正常
错误如下
为了找错误,我同样是重新定义了一个新的数组,使用filter函数并没有问题。我仔细琢磨了很久,大概找到了的原因(不确定是否是这个原因,但最后问题解决了)。
使用场景:我在created()钩子函数中通过异步请求得到了页面渲染数据a数组,a数组是在store的state里面的,为了满足需求,在getters里面构造函数通过filter来对a数组进行过滤得到返回值b数组,然后将b数组映射到组件中使用。得到的结果就是渲染正常,但控制台不断报错。
解决
将filter写到了created()异步请求里面了。先获取数据后得到a,然后再通过a得到b。