本文档介绍了如何在微信小程序中使用vant weapp组件库，特别是针对Checkbox复选框，通过自定义图标来实现特定效果。在实际操作中遇到的问题是，虽然onChange事件能改变value值，但页面上的图标未更新。解决方案是通过setData方法确保视图同步。
要实现以下如图效果
(简洁说明一下遇到的问题：参考vant weapp - Checkbox复选框 - 利用自定义图标<image slot="icon" src="{
{ checked ? activeIcon : inactiveIcon }}" /> ===》 出现的问题：即使onChange之后value值是变了，但是页面中图标并未发生变化，后发现可能还是得setData才行)
以下是自己用的解决代码：
index.wxml ( direction："组"的排列方向 ；label-position:文本以图标为参考的位置；具体及其他请参考文档 )
<van-checkbox-group value="{
{ result }}" bind:change="onChange" direction
最低0.47元/天 解锁文章
扫一扫
1583
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
