报错 | vue.runtime.esm.js?c320:4560 [Vue warn]: Error in render: “TypeError: Cannot read properties of

不爱吃菜的蔡菜

已于 2022-08-06 11:00:36 修改

阅读量9.8k

点赞数 2

分类专栏：报错文章标签： javascript vue.js 前端

于 2022-08-06 10:59:57 首次发布

本文链接：https://blog.csdn.net/muziqwyk/article/details/126191223

版权

报错专栏收录该内容

3 篇文章 0 订阅

订阅专栏

vue.runtime.esm.js?c320:4560 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading ‘category1Id’)"
found in
—> at src/pages/Detail/index.vue
at src/App.vue

原因是我在使用getters简化数据的时候忽略了当state.goodsInfo初始值为空对象，空对象的xxx属性为undefined，而我在使用该属性时，undefined的xxx就会出现警告⚠

所以我们在return 后面的返回值加上或 || {} ，因为一开始的初始值就是个空对象

// 简化数据
const getters = {
    // 获取数据的时候直接getters获取然后categoryView来获取数据
    categoryView(state){
        // 比如：state.goodsInfo初始状态为空对象，空对象的categoryView属性为undefined，读属性undefined的xxx会报错
        return state.goodsInfo.categoryView || {};
    },
};