在vuex中的actions中
addCartList({ state, commit }, payload) {
return new Promise((reslove, reject) => {
let prodect = state.cartList.find((item) => item.iid === payload.iid);
if (prodect) {
// 同一商品点击多次加入购物车,只增加商品数量
commit("ADDCOUNT", prodect);
reslove("当前商品数量加1");
} else {
// 首次将一个商品加入购物车
payload.count = 1;
commit("ADDGOODS", payload);
reslove("添加购物车成功!");
}
});
},
组件methods的action分发及调用
...mapActions(["addCartList"]),
// 映射actions
this.addCartList(product).then((res) => {
// 出现模态框
console.log(res);
});
后续操作将console.log换成需要出现的组件就行
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。