43 lines
937 B
Vue
43 lines
937 B
Vue
<template>
|
|
<!-- 测试页面 -->
|
|
<view class="cart-page">
|
|
<view v-for="(item, index) in menuItems" :key="index">
|
|
<view>{{ item.name }} - {{ item.price }}元</view>
|
|
<button @click="addToCart(item)">+</button>
|
|
</view>
|
|
|
|
<!-- 购物车列表 -->
|
|
<view v-if="cart.length > 0">
|
|
<view>购物车中的商品：</view>
|
|
<view v-for="(cartItem, cartIndex) in cart" :key="cartIndex">
|
|
{{ cartItem.name }} - {{ cartItem.price }}元
|
|
<button @click="removeFromCart(cartIndex)">-</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
menuItems: [
|
|
{ name: '牛肉面', price: 18 },
|
|
{ name: '炒饭', price: 15 },
|
|
|
|
],
|
|
cart: []
|
|
};
|
|
},
|
|
methods: {
|
|
addToCart(item) {
|
|
this.cart.push({ ...item });
|
|
},
|
|
removeFromCart(index) {
|
|
this.cart.splice(index, 1);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|