今天使用v-for指令的时候遇到一个错误

[vue warn]: error in render: “typeerror: cannot read property ‘children’ of undefined”

页面使用代码

       和博士     <template v-for="(c,i) in modellist.cour.children">              <div :key="i" class="cour-block">                <courstruct :process="isbuy" :cour="c" />              </div>            </template>

<script>export default {        methods: {            async getlist(id) {                const res = await getchapterlistbyproductid(id);                if (res.data) {                    this.modellist = res.data;     重阳节是干嘛的            }            }      }}</script>

报错原因：

　　我猜测使用了嵌套属性的原因，在页面中无法解析出具体属性值，这个原因是我尝试出来的，但是不知道深层次的原因了，有知道的希望评论下。

解决方案：

　　既然知道了原因，那么就好解决了，解决方法如下.

            <template v-for="(c,i) in cls">              <div :key="i" class="cour-block">                <courstruct :process="isbuy" :cour="c" />              </div>            </template>
            <script>             export default {                methods: {            　　　    asyn展现的近义词是什么c getlist(id) {         正数和负数教案       　　 const res = await getchapterlistbyproductid(id);               人类与自然 　　 if (res.data) {                      this.modellist = res.data;                      var co = this.modellist.cour                      this.cls = co.children                 　　}            　　　}      　　　　 }　　　　　　 }　　　　　　</script>

通过变量中转一下，放到另一个临时变量中，如果有嵌套引用属性的话，大家记得通过js操作放到一个临时变量中，不然就会报错哟。