完美解决微信小程序使用复选框van-checkbox无法选中

由于小程序使用了vant-ui框架,导致checkbox点击无法选中问题 

<van-checkbox value="{
   
   { checked }}" shape="square">
          <view class="check-content">
            <view class="checktext">我已阅读并同意>《用户协议》《隐私政策》</view>
          </view>
</van-checkbox>

记得定义checked 默认值

 解决办法 :添加onChange事件,给checked 做赋值操作。

<van-checkbox value="{
   
   { checked }}" shape="square" bind:change="onChange">
          <view class="check-content">
            <view class="checktext">我已阅读并同意《用户协议》《隐私政策》</view>
          </view>
</van-checkbox>
onChange(e){
    this.setData({
      checked: e.detail
    })
},

可以打印看看console.log(e)

  • 选中效果:

  • 取消选中效果: 

 

猜你喜欢

转载自blog.csdn.net/SmartJunTao/article/details/132361932
今日推荐