关于vue2.0的问题

Question

问题遇到的现象和发生背景

在mounted获取数据的接口中，定义了一个 const colorValue = res.data.componentData[0].label
某次无意之中发现 当我刷新页面时，数据竟然显示不出来， 看了一眼控制台才明白，原来是res.data.componentData[0] 变成了别的字段了 这个是什么情况导致的 又没有大拿提点一下

问题相关代码，请勿粘贴截图

这是正常情况

这是刷新几次后的情况

Answer 1

如楼上所说，优先看下接口数据是不是发生变化，没有就是你逻辑导致的异常。如果是接口的话，不改动接口的情况，可以通过res.data.componentData.find(i => i.type === 'bgattr').label去拿值，这样也不用担心顺序问题