如图:
当我点击全选的时候,总价计算出来了,但下面的商品为什么没有选中状态?
这是购物车代码:
<p class="main_box_title">购物车</p>
<div class="cart">
<input
type="checkbox"
class="cart_box"
@click="selectedAll()"
v-model="allChecked"
/>
<span class="cart_all">全选</span>
<p class="cart_money">
已选商品合计 <span
style="color: #ffa52b; font-weight: bold"
>{{ orderMoney }}</span
> 元
</p>
<p class="cart_settlement" @click="settlement()">结算</p>
</div>
<div class="cart_main">
<ul class="cart_main_title">
<li>序号</li>
<li>商品名称</li>
<li>商品图片</li>
<li>价格</li>
<li>数量</li>
<li>总价</li>
<li>操作</li>
</ul>
<ul
class="main_table"
v-for="(item, index1) in cartInformation"
:key="index1"
>
<li>
<!-- 商品选中 -->
<input
type="checkbox"
v-model="goodsInp"
:value="item.id"
name=""
:checked="item.checked"
@click="changCheck($event, index1, item.id, item, item.price)"
class="cart_box"
/>
{{ index1 + 1 }}
</li>
<li>
{{ item.goodsName | aa }}
</li>
<li>
<img :src="item.goodsPicture" alt="" />
</li>
<li>{{ item.price }}</li>
<li>
<span @click="addNum(item.id)">+</span> {{
item.num
}} <span @click="reduceNum(item.id)">-</span>
</li>
<li>
{{ item.total }}
</li>
<li>
<p @click="deleteCart(item.id)">删除</p>
</li>
</ul>
</div>
这是全选的代码:
selectedAll() {
this.allChecked = !this.allChecked;
let cartInformation = this.cartInformation;
if (cartInformation.length > 0) {
cartInformation.forEach((v) => {
if (this.allChecked == true) {
v.checked = true;
} else {
v.checked = false;
}
});
} else {
return false;
}
},
是哪里写错了,请大佬帮忙看一看,谢谢!!
检测变化的注意事项
或者