由于小程序使用了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)
- 选中效果:
- 取消选中效果:
文章来源:https://www.toymoban.com/news/detail-663252.html
文章来源地址https://www.toymoban.com/news/detail-663252.html
到了这里,关于完美解决微信小程序使用复选框van-checkbox无法选中的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!