Error in render: "TypeError: Cannot read properties of undefined (reading 'category2Name')" found in vue vuex 渲染数据成功缺报错

在发送请求获取数据成功，渲染数据成功 却报错

报错

在undefined里面找不到category2Name,那么category2Name的上一级是undefined

 

 

 环境：

　　已经拿到数据

 1 computed: { 2 // 拿取数据 3 ...mapState('detail', ['detailList']), 4 }, 

用插值表达式渲染数据，因为拿到的数据嵌套太深，

因为拿到的数据比较深，还有异步的原因，我们页面挂载的时候数据在发送请求 detailList.categoryView是undefined,
解决方法：
因此需要进行

用`逻辑与`判断detailList.categoryView是否有数据，有数据再进行渲染

 2         <span>{{
 3           detailList.categoryView && detailList.categoryView.category1Name
 4         }}</span>
 5         <span>{{
 6          detailList.categoryView && detailList.categoryView.category2Name
 7         }}</span>
 8         <span>{{
 9          detailList.categoryView && detailList.categoryView.category3Name
10         }}</span>