在vue计算属性中使用forEach遍历数据失败，Cannot read properties of undefined (reading 'forEach')"

 

错误代码：

控制台打印：Cannot read properties of undefined (reading 'forEach')"

computed: {
    //获取仓库中的数据
    ...mapGetters(["shopplist"]),

    //计算产品的总价
    totalPrice(){
        this.shopplist.forEach(item=>{
            console.log(item);
        })
      return ''
    }
  },

解决方案：

在把数据 shopplist 计算出来，在遍历这个数据

  computed: {
    //获取仓库中的数据
    ...mapGetters(["shopplist"]),
    
    shopp(){
    return this.shopplist || []
    },
    //计算产品的总价
    totalPrice(){
    this.shopp.forEach(item=>{
        console.log(item[0].mark);
    })
      return ''
    }
  },