美文网首页
van-checkbox-group设置了max后,其余选项呈灰

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

作者: 乔布斯瞧不起 | 来源:发表于2023-06-08 07:11 被阅读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数量的选项都设置为不可选状态,保留原有的灰色效果。

相关文章

  • 05 全景图设置选项卡

    主窗口:全景图设置选项卡 在“全景设置”选项卡中,可以定义要创建的全景的属性。此页仅在高级模式下可见。投影定义将呈...

  • 解决VS Code中文乱码问题

    安装Code Runner插件后重启VS Code。 文件 - 首选项 - 设置 - 新版设置编辑器 - 用户设置...

  • Fits~ Overview –FIR Fit Setup Su

    FIR Fit设置子选项卡FIR Fit设置子选项卡是设置和运行非参数FIRFit的选项卡。其提供了关于数据集和所...

  • Win7共享文件

    共享文件夹: 右击桌面的网络 → 属性 → 更改高级共享设置除了“关闭密码保护”,其余选项都开启; 2.要共享的文...

  • win7 设置桌面视频动态壁纸?

    优先步骤: 计算机-属性-高级系统设置-高级选项卡-性能设置按钮-视觉效果选项卡-调整为最佳外观 方法一: 下载后...

  • 001-DHCP Option 常见取值及含义

    Options号Options作用1设置子网掩码选项。3设置网关地址选项。6设置DNS服务器地址选项12设置域名选...

  • android view置灰(哀悼日)

    置灰前 置灰后 给Activity的顶层View设置置灰,实现全局置灰效果。获取界面的根View:

  • 用“七牛图床”插件上传图片到七云

    插件需手动后台安装,安装后在设置中可看到“七牛图床”设置提示,打开后如图: 其余项可不填写,设置完成后如正确,在后...

  • babel自定预设-js-v1.0.0

    #创建预设? 导出一个配置 设置预设选项预设的读取顺序是从后往前 设置插件选项根据自己的需要,使用一些插件 #使用...

  • magento二次开发 - 设置后台配置的默认值

    设置了系统的后台配置选项后,可以在config.xml中设置后台配置的默认值 设置配置项的默认值 其中,app_o...

网友评论

      本文标题:van-checkbox-group设置了max后,其余选项呈灰

      本文链接:https://www.haomeiwen.com/subject/zsgnedtx.html