onLoad() { this.addgoods() }, methods: { /** * 2023-5-30 * 计算购物车徽标数量 */ addgoods() { this.count = 0; this.$store.state.crossborderCartList.forEach(data => { data.cartItems.forEach(item => { this.count += item.quantity; // 累加每个 item 的 quantity 值 }); }); console.log('kk', this.count); console.log('kk1', this.$store.state.crossborderCartList); },商品数量更新不及时改成监听

可以将 `addgoods()` 方法改成监听 `crossborderCartList` 数组的变化，当 `crossborderCartList` 发生变化时，自动计算购物车徽标数量。代码如下：

computed: {
  count() {
    let count = 0;
    this.$store.state.crossborderCartList.forEach(data => {
      data.cartItems.forEach(item => {
        count += item.quantity;
      });
    });
    return count;
  }
}

然后在模板中使用 `count` 变量即可显示购物车徽标数量。这样，当购物车数据发生变化时，`count` 变量会自动更新，实现了实时显示购物车数量的功能。