当前位置:   article > 正文

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

van-checkbox 点击后 不选中

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

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

记得定义checked 默认值

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

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

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

  • 选中效果:

  • 取消选中效果: 

 

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/正经夜光杯/article/detail/764095
推荐阅读
相关标签
  

闽ICP备14008679号