//carts.js
export const userCartsStore = defineStore({
id: "carts",
state: () => {
return {
shop:[], //存商品数组
};
},
actions: {
//添加商品的方法
addShop(shops){
this.shop.push(shops)
},
//添加数组
addItemToArray(shops){
if(!this.shop.includes(shops)){
this.shop.push(shops)
}
},
},
});
//DetailsPageView.vue 详情页
//加入购物车方法 ,shops代表当前商品
const addCard = (shops: Object) => {
if (cartStores.shop.includes(shops)) {
cartStores.addItemToArray(shops);
} else {
cartStores.addShop(shops);
}
console.log("11111", cartStores.shop);
使用pinia 点击购物车存一个商品数据,数组,然后在购物车页面渲染出来
最新推荐文章于 2025-04-22 14:01:46 发布
文章描述了一个使用Vue.js编写的用户购物车管理组件,包括状态管理(存储商品数组)和添加商品的方法(如果商品不在数组中则添加,否则追加)。详情页的`addCard`函数处理商品添加逻辑。
1382

被折叠的 条评论
为什么被折叠?



