由于小程序使用了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)
- 选中效果:
- 取消选中效果: