【Vue项目练习】Error in render: "TypeError: Cannot read properties of undefined

182 阅读1分钟

问题

今天在做Vue2项目的时候发现自己的组件在mapGetters得到数据之后能正常动态显示在页面,但是控制台却报错,具体如下

  • 在计算属性中:

    image-20221105113248025

  • 在组件上:

    image-20221105113302755

  • 页面显示正常:

    image-20221105113736056

  • 但是控制台报错:

    image-20221105113541245

解决

我尝试在页面加载,拿数据的时候插入一些console.log

  • actions:

    image-20221105114311593

  • getters:

    image-20221105114325419

重新编译的时候恍然大悟:

image-20221105114437849

在服务器返回数据之前我的组件已经拿到了一次getters的数据,此时为undefined,也就符合上面报错的提示,之后从服务器拿到数据之后则让页面显示正常,那么只需要简单的在getters的地方加上条件判断即可:

image-20221105114657052

没有报错,问题解决! image-20221105114718884