[vue warn]: error in render: "typeerror: cannot read property 'children' of undefined"
<template v-for="(c,i) in modellist.course.children"> <div :key="i" class="course-block"> <coursestruct :process="isbuy" :course="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="course-block"> <coursestruct :process="isbuy" :course="c" /> </div> </template>
<script> export default { methods: { async getlist(id) { const res = await getchapterlistbyproductid(id); if (res.data) { this.modellist = res.data; var co = this.modellist.course this.cls = co.children } } } } </script>
通过变量中转一下,放到另一个临时变量中,如果有嵌套引用属性的话,大家记得通过js操作放到一个临时变量中,不然就会报错哟。
如对本文有疑问, 点击进行留言回复!!
清除新版Google Chrome浏览器中表单控件(input,button...)默认的黑色边框
荐 20200714——git/mac配置/项目运行步骤/一些报错
antd 菜单组件 使用时报错:Cannot read property ‘isRootMenu‘ of undefined
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
硬件仪表盘账号建立指导(一) --WHQL认证测试结果提交账号(一)
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系
网友评论