如何在vue项目中使用v代表指令 - 行业资讯 - 肥雀云

　　介绍

本篇文章为大家展示了如何在vue项目中使用v代表指令,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

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

[vue警告]:误差呈现:“TypeError:无法读取属性& # 39;孩子# 39;undefined"

页面使用代码

, & lt; template v=? (c i),拷贝modelList.Course.children"比; 　　,,,,,,& lt; div :关键=拔?类=癱ourse-block"比; 　　,,,,,,,& lt; CourseStruct :过程=癷sbuy",:课程=癱",/比; 　　,,,,,,& lt;/div> 　　,,,,,& lt;/template> 　　& lt; script> 　　　　export default { 　　,,,方法:,{ 　　,,,,,async getList (id), { 　　,,,,,,,const res =, await GetChapterListByProductID (id); 　　,,,,,,,if (res.data), { 　　,,,,,,,,,this.modelList =, res.data; 　　,,,,,,,,} 　　,,,,,} 　　,,} 　　} 　　　　& lt;/script>

<强>报错原因:

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

<>强解决方案:

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

, & lt; template  v=? (c i),拷贝cls"比;
　　,,,,,,& lt; div :关键=拔?类=癱ourse-block"比;
　　,,,,,,,& lt; CourseStruct :过程=癷sbuy",:课程=癱",/比;
　　,,,,,,& lt;/div>
　　,,,,,& lt;/template>
　　
　　,,,,,& lt; script>
　　
　　,,,,,,export  default  {
　　,,,,,,,方法:,{
　　,,,,,async 才能getList (id), {
　　,,,,,,,,const  res =, await  GetChapterListByProductID (id);
　　,,,,,,,,if  (res.data), {
　　,,,,,,,,,,this.modelList =, res.data;
　　,,,,,,,,,,var  co =this.modelList.Course
　　,,,,,,,,,,this.cls =co.children
　　,,,,,,,,}
　　,,,,,}
　　,,,}
　　,}
　　
　　& lt;/script>

上述内容就是如何在vue项目中使用v代表指令,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。