Vue中报错Cannot read property 'length' of undefined

1、报错

vue.min.js:6 TypeError: Cannot read property 'length' of undefined
    at wn.eval (eval at Ya (vue.min.js:6), <anonymous>:1:9290)
    at wn.e._render (vue.min.js:6)
    at wn.r (vue.min.js:6)
    at fn.get (vue.min.js:6)
    at new fn (vue.min.js:6)
    at vue.min.js:6
    at wn.$mount (vue.min.js:6)
    at wn.$mount (vue.min.js:6)
    at wn.t._init (vue.min.js:6)
    at new wn (vue.min.js:6)

2、原因
数据还未加载完 已经渲染了length的方法

<div v-if="publishE.relaxTool" class="col-sm-2 control-label">
        <input v-if="publishE.relaxTool.length!=0" type="submit" 
                  class="btn btn-info"    style="text-align: center"  value="下载"/>
        <input  hidden name="id"   calss="btn btn-primary " v-model="publishE.id">
 </div>

在外面一层加v-if=“publishE.relaxTool” ,当其加载后在执行中间的length方法

Vue报错Cannot read properties of null (reading 'guestCount')的问题通常是因为在使用guestCount属性之前,该属性的值为null。这可能是因为在数据加载之前或者数据获取失败导致的。为了解决这个问题,可以按照以下步骤进行处理: 1. 检查数据加载时机:确保在使用guestCount属性之前,数据已经成功加载并且guestCount属性有正确的值。 2. 添加非空判断:在使用guestCount属性之前,可以添加一个非空判断,以确保guestCount不为null。可以参考引用的示例代码,在循环遍历之前添加一个非空判断。例如: ```javascript if (res.data && res.data.guestCount) { // 执行操作 } ``` 这样可以避免在guestCount为null时出现报错。 总之,当在Vue出现Cannot read properties of null (reading 'guestCount')的报错时,首先需要检查数据加载时机,并确保在使用属性之前数据已经正确加载。其次,可以添加非空判断来避免出现报错。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx](https://download.csdn.net/download/rongbo91/77070400)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [解决vue报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)](https://blog.csdn.net/Shids_/article/details/125741166)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值