javascript - axios请求回来的数据组件无法进行绑定渲染

问题描述

我从接口请求回来的数据赋值给data中定义的空对象wholedata,在页面中写标签循环可以遍历出数据，但是给组件的就无法渲染，加了<li v-for=’item in wholedata.materials.opt’></li>就可以出数据，错误依旧存在，不加这个就数据也不出 加了v-if=’wholedata’这样也不出数据，因为初始出来是个空对象求大神指导！！！

问题解答

修改 data 中的初始数据格式即可。

data () { return { wholedata: { materials: {opt: [] } } }}

只要初始时定义好对象的属性，Vue 就能监测到数据变更，初始时也可以直接通过形如 v-for item in x.y.z 的方式来遍历数据了。