vue.runtime.esm.js:619 [Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'key')"
时间: 2023-10-16 20:05:16 浏览: 119
Vue.js前端 JavaScript 框架
这个报错是因为在渲染过程中,尝试读取了一个空对象或null的属性,导致出现了"TypeError: Cannot read properties of null"的错误信息。根据引用和引用的内容,可以看出这个问题可能出现在两个地方:form对象的checkList字段和state.goodsInfo对象的某个属性。
解决办法可以有两种:
1. 在使用form对象时,确保checkList字段已经定义并且不为null。可以在data函数中初始化form对象,并为checkList字段赋一个空数组的初始值。这样就可以避免报错。具体操作可以参考引用中的代码示例。
2. 在使用state.goodsInfo属性时,确保该属性已经定义并且不为null。可以在getters中,使用短路运算符或逻辑或(||)的方式,在返回值之前对state.goodsInfo进行判断,如果为空对象或null,则返回一个空对象{}作为替代值。这样就可以避免报错。具体操作可以参考引用中的代码示例。
根据具体场景,你可以根据引用和引用中的示例代码,选择适合你的解决办法来避免这个报错。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [2b0e:619 [Vue warn]: Error in render: “TypeError: Cannot read property ‘length](https://blog.csdn.net/bigbigpigsobig/article/details/118961130)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [报错 | vue.runtime.esm....c320:4560 [Vue warn]: Error in render: “TypeError: Cannot read properties of](https://blog.csdn.net/muziqwyk/article/details/126191223)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文