uniapp中使用vant weapp 组件库的 van-checkbok组件不能默认选中

最新推荐文章于 2024-07-30 16:21:45 发布

tieniuya

最新推荐文章于 2024-07-30 16:21:45 发布

阅读量1.9k

点赞数

分类专栏：笔记文章标签：前端 html javascript

本文链接：https://blog.csdn.net/tieniuya/article/details/124846734

版权

笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

 <van-checkbox-group :value="discountSelects" @change="onChange">
              <van-cell
                  class="van-cell"
                  v-for="payment in order.payments"
                  :key="payment.id"
                  :data-id="payment.id"
                  @click="checkCellHandle"
                  :value=" '-'+formatMoney(payment.cashAmount) + '元'"
              >
                <view slot="title">
                  <van-checkbox :value="payment.checked" style="pointer-events: none;">
                    这是复选框显示文字
                  </van-checkbox>
                </view>
              </van-cell>
            </van-checkbox-group>

接手同事的代码，需求是要默认选中所有选框，于是我把所有的 payment.checked 都设为 true，但是复选框仍显示未选中的样式。搞了半天才发现是 van-checkbox-group 的问题，因为复选框设置了 pointer-events: none; 所以不会触发 van-checkbox-group 的 change 事件，而之前同事也没有实际使用到 van-checkbox-group 和它绑定的属性和事件，可能他是为了代码好看没删吧。
把 van-checkbox-group 删除，就能默认选中了。