当前位置: 首页 > news >正文

完美解决微信小程序使用复选框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)

  • 选中效果:

  • 取消选中效果: 

 

http://www.lryc.cn/news/135967.html

相关文章:

  • IDEA报错:类文件具有错误的版本 61.0,应为52.0
  • Linux 挂载局域网内共享目录
  • FFmpeg解码32k大分辨率出现如下错误:Picture size 32768x32768 is invalid
  • EasyExcel+POI制作带有有效性校验及下拉联动的Excel模板
  • Unity怎么制作魔法火焰特效?Unity制作魔法火焰特效方法
  • 双基证券:房地产基本面仍处下行通道 政策有望促进走稳
  • 31、springboot 配置HTTP服务端口及如何通过WebServer实例动态获取项目中的HTTP端口
  • 会计如何使用ChatGPT提高工作效率
  • 【TypeScript】类型推论和类型别名
  • 字节码调教的入口 —— JVM 的寄生插件 javaagent 那些事
  • Blender卡通着色入门
  • 性能调优篇 一、Jvm监控及诊断工具-命令行篇
  • Docker部署MongoDB 5.0.5
  • Day18-2-地狱回调-Promise-async-await技术
  • echarts范围限制下性能问题
  • wazuh环境配置以及案例复现
  • 解决el-select回显异常 显示option选项的value 而不是显示label
  • 【【STM32-SPI通信协议】】
  • 板卡常用前端 数据表操作
  • 基于AVR128单片机世界电子时钟的设计
  • Electron学习2 使用Electron-vue和Vuetify UI库
  • Java“牵手”根据商品分类ID获取速卖通商品分类详情页面数据获取方法,速卖通API实现批量商品数据抓取示例
  • QT 使用图表
  • SSRF 服务器端请求伪造
  • shell 05(shell索引数组变量)
  • 爬虫异常处理:异常捕获与容错机制设计
  • Python自动化小技巧21——实现PDF转word功能(程序制作)
  • Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点
  • SpringBoot生成和解析二维码完整工具类分享(提供Gitee源码)
  • Redis的基本知识(偏八股)