vant自定义复选框注意的问题

在Vue中使用van-checkbox组件自定义图标时遇到问题,v-model需绑定到自定义变量如'select',而:src的'props.checked'是固定的,用于判断选中状态。正确做法是根据props.checked的状态来设置图片源,确保选中和未选中样式正确显示。
摘要由CSDN通过智能技术生成

使用checkbox复选框自定义图标时犯的错误:

<van-checkbox v-model="checked">
  自定义图标
  <template #icon="props">
    <img class="img-icon" :src="props.checked ? activeIcon : inactiveIcon" />
  </template>
</van-checkbox>

在用自定义的变量时v-model用自己变量的名字如select,但是:src="props.checked ,props后的checked为固定不可改变,否则无法显示已选择样式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值