van-checkbox-group设置了max后,其余选项呈灰

2023-06-08  本文已影响0人  乔布斯瞧不起

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数量的选项都设置为不可选状态,保留原有的灰色效果。

上一篇 下一篇

猜你喜欢

热点阅读