今天我们来写react-shopping-cart尺码筛选,先看效果
当点击选择Sizes时,列表只展示拥有该尺寸的衣服
当选择多个尺寸就会展示多种衣服(并不是叠加,而是只要有就展示)
但要注意的是,一件衣服会有两个或两个以上的尺寸,所以展示的时候要注意去重
<h3>Sizes:</h3>
<ul>
<li v-for="item in Size" :key="item.id">
<input type="checkbox" :value="item.value" v-model="item.availableSizes">
<span :class="{'active':item.availableSizes}">{
{item.value}}</span>
</li&g