在vant
中,当使用van-checkbox-group
组件设置了max
属性后,如果选中的选项数量达到了max
的值,其余未选中的选项会呈灰色不可选状态。
如果您想要保留这种效果,可以使用disabled
属性将所有超出max
数量的选项都设置为不可选状态,例如:
<van-checkbox-group v-model="checked" max="2">
<van-checkbox v-for="item in list" :key="item.id" :name="item.name" :disabled="checked.length >= 2 && !checked.includes(item.name)">{{ item.label }}</van-checkbox>
</van-checkbox-group>
上述代码将会把超出max
数量的选项都设置为不可选状态,保留原有的灰色效果。
网友评论