VUE中出现 Cannot read property ‘length‘ of undefined 的错误

谁借莪１个温暖的怀抱￠ 2022-11-17 03:59 136阅读 0赞

## 报错Cannot read property ‘length’ of undefined ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thX3hpbmds_size_16_color_FFFFFF_t_70]

<div>
       <el-row class="title2" v-if="dataList.attachmentList.length != 0">
         <span>附件列表：</span>
         <el-row v-for="item in dataList.attachmentList" :key="item.id">
           <a @click="downloadFile(item.attachName,item.attachUrl)">{ { item.attachName}}</a>
         </el-row>
       </el-row>
     </div>

*  渲染页面调用`dataList.attachmentList.length` 方法时，后台数据还没有返回回来，此时`attachmentList为null`，所以会报错。

## 解决办法：在外层加if判断，这样当数据还没有返回时，页面不会渲染。 ##

代码：

<div v-if="dataList.attachmentList">
       <el-row class="title2" v-if="dataList.attachmentList.length != 0">
         <span>附件列表：</span>
         <el-row v-for="item in dataList.attachmentList" :key="item.id">
           <a @click="downloadFile(item.attachName,item.attachUrl)">{ { item.attachName}}</a>
         </el-row>
       </el-row>
     </div>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thX3hpbmds_size_16_color_FFFFFF_t_70]: /images/20221022/9c9c701a4e1647dca4d3a8780990d638.png

发表评论取消回复

表情：

评论列表（有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读

相关 Cannot read properties of undefined (reading ‘length‘)

问题：Cannot read properties of undefined (reading 'length') ![22c42ccc03e44684d66ebc8c3c5

清疚/ 2023年10月10日 16:12/ 0 赞/ 50 阅读

相关 VUE中出现 Cannot read property ‘length‘ of undefined 的错误

报错Cannot read property ‘length’ of undefined ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

谁借莪１个温暖的怀抱￠/ 2022年11月17日 03:59/ 0 赞/ 137 阅读

相关 cannot read property ‘getusermedia‘ of undefined

chroem地址栏输入 chrome://flags/unsafely-treat-insecure-origin-as-secure 填写你要开启的地址 ![2

小灰灰/ 2022年10月31日 13:44/ 0 赞/ 174 阅读

相关 Cannot read property ‘tapPromise‘ of undefined

在优化打包体积时使用compression-webpack-plugin报Cannot read property ‘tapPromise‘ of undefined 错误

女爷i/ 2022年10月30日 09:25/ 0 赞/ 174 阅读

相关 “Cannot read property ‘length‘ of undefined“报错处理

vue的数据绑定在刚开始只是和内存建立联系，并没有真正的和后台的数据挂上钩，所以一开始的val.data只是一个空值，必须在之前加个if判断，确保有值以后再开始计算length

妖狐艹你老母/ 2022年09月09日 01:52/ 0 赞/ 148 阅读

相关 Uncaught TypeError: Cannot read property 'length' of undefined

1、错误描述 ![Center][] jquery.easyui.min.js:8311 Uncaught TypeError: Cannot read pr

刺骨的言语ヽ痛彻心扉/ 2022年07月12日 07:45/ 0 赞/ 250 阅读

相关 Vue 记录 Cannot read property '_withTask' of undefined

![\_withTask错误信息图片][withTask] 如果在Vue使用中报这个错，那一定是你的引用找不到才会导致，比如说，你的`@click`事件，如下：

约定不等于承诺〃/ 2022年05月31日 05:51/ 0 赞/ 123 阅读

相关 vue Cannot read property 'length' of undefined

出现了这个错误怎么解决呢？一个数组的Length属性怎么可能没有呢。 vue出现一个报错并不一定跟报错有关联。你有找你的代码的错误而不是根据报错的相关提示来找这

朴灿烈づ我的快乐病毒、/ 2022年05月28日 03:41/ 0 赞/ 160 阅读

相关 JavaScript出现 Uncaught TypeError: Cannot read property 'innerHTML' of undefined错误

原因：意思就是当前的那个标签没有定义，原因是html的执行顺序是从上到下，在标签还没有加载的时候该方法就被调用了，所以会出没有定义的错误解决

谁践踏了优雅/ 2022年05月16日 10:58/ 0 赞/ 181 阅读

相关 Uncaught (in promise) TypeError: Cannot read property 'length' of undefined

1、错误描述 Uncaught (in promise) TypeError: Cannot read property 'length' of undefined

╰+哭是因爲堅強的太久メ/ 2022年04月04日 13:46/ 0 赞/ 630 阅读