<template>

<input type="checkbox" v-model="item.selected" />

{{ item.title }}

￥{{ item.price }}<button @click="remove(index)">-</button>{{ item.plenty }}<button @click="add(index)">+</button>删除

总计不含运费

已勾选商品 {{ count }} 件，总价￥4496元

<button>去结算</button>

</template> <script> export default { data() { return { count: 1, lists: [ { selected: true, plenty: 1, title: "小米（Mi）小米Note 16G双网通版", price: 2199, src: require("../assets/image/a15.jpg") } , { selected: false, plenty: 0, title: "小米（Mi）小米Note 16G双网通版", price: 2199, src: require("../assets/image/a15.jpg") }]} }, methods: { remove(index) { if (this.lists[index].plenty > 0) { this.lists[index].plentythis.lists[index].plenty - 1}}, add(index) { if (!this.lists[index].plenty >= 0) { this.lists[index].plenty = this.lists[index].plenty + 1 } } } }; </script>