正常显示,但是报错undefinde,肯定是执行时间差问题。
比如
请求的数据有这个属性,但是你的页面先执行了一些判断比如计算属性,就报错了。后来请求的数据到了,自然该属性就有了,重新计算时候没问题并且成功渲染,那就看不出问题了。
(我是父组件获取数据,子组件对数据进行筛选,不要某值为0的数据并return新数据,结果是报错该值未定义)
衍生问题:
父组件请求的数据(子组件要用),一些数据计算就不要放在子组件,不然会出现上述问题。当然解决办法也有。
list: {
attendList: [{
rankingValue: 0
}],
callList: [{
rankingValue: 0
}],
newOrderAmountList:[{
rankingValue: 0
}],
renewOrderAmountList:[{
rankingValue: 0
}],
orderCountList: [{
rankingValue: 0
}]
},
子组件不是找不到rankingValue属性吗,那我父组件定义的时候就默认有个rankingValue,然后传给子组件,子组件prop接收
props: {
list: {
type: Object
},
}