购物车的复选框状态同步
小程序的购物车
添加购物车时,我会添加一个属性用于判断我们的商品有没有没选中,如果被选中呢,就会让这个状态呢变为true,没选中的变为false。然后循环渲染数据的时候,我们复选框的checked属性就根据这个状态的true/false来添加/删除。
这样做我们在切换不同页面时保证复选框的状态不会发生改变。且当重新更新页面时也会同步我们勾选的商品。
比如下边这个wxml
// 我是使用了我们的小程序自带的复选框组,传入的是一组选中复选框的id,是一个数组形式。如:['1','2','3']
<checkbox-group bindchange="change">
// 事件我们绑定给checkbox-group 只要在这个标签内包裹的复选框状态发生改变,就会触发
<block wx:for="{
{list}}" wx:key="index">
<view class="list_content">
<view class="checkbox">
<checkbox value="{
{item.id}}" checked="{
{item.flag}}"></checkbox>
// 我们复选框的checked绑定给了当前项的这个状态值。
// 当前这个属性的值如果为true就会添加,false就会删除,checked属性
</view>