获取当前商品的购物车状态

1
2
3
4
5
6
7
8
9
10
11
12
13
14
addCart(context, payload) {
  return new Promise((resolve, reject) => {
    let oldProduct = context.state.cartList.find(item => item.iid === payload.iid)

    if (oldProduct) {
      context.commit('addCounter', oldProduct)
      resolve('商品数量+1')
    } else {
      payload.count = 1
      context.commit('addToCart', payload)
      resolve('成功添加商品')
    }
  })
}

在需要调用该方法的地方直接进行映射（mapActions）

首先导入mapActions

1
2
//导入vuex的action
import {mapActions} from 'vuex'

methods进行映射

1
...mapActions(['addCart'])

在需要的地方直接调用

1
2
3
this.addCart(product).then((res) => {
   console(res)
})