vue.js - 无法读取未定义的属性（读取“减少”） - nuxtjs / vuejs

Question

我正在开发一个 shopify/nuxtjs 应用程序并尝试获取购物车中所有商品的总和，但我收到此代码错误。

<script>
export default {
  name: 'CartIcon',
  data: function(){
    return{
      sum: 0
    }
  },
  computed: {
    count() {
      let lineItems =  this.$store.getters["checkout/checkout"].lineItems;

      this.sum = lineItems.reduce((accumulator, item) => accumulator + item.quantity, 0);
      return sum ? (sum >= 99 ? "99+" : sum) : 0;
    }
  }
}
</script>

标签： vue.jsnuxt.js