uniapp多选列表(uniapp picker多选)

本文为您带来了关于uniapp的相关知识，主要整理了实现多选框全选功能的相关问题。之所以不能实现全选，是因为当checkbox的checked字段动态修改时，界面上的状态可以实时改变，但不能触发checkbox-group的change事件。让我们来看看，希望对大家有所帮助。

推荐：uniapp教程

uniapp内置checkbox其实以及checkbox-group很好，但有两个问题：

1. 不能依赖其事件实现全选
2. 样式固定，难以修改

他们无法实现全选的原因是：
我动态修改checkbox的checked字段时，界面上的状态可以实时改变，但不能触发checkbox-group的change事件。这意味着无法依赖checkbox-group管理好选项。

也就是说：我点击了所有选项，界面上看起来是所有选项。然后我取消了其中一个选项，触发了中国事件，但它反馈给我的选定列表是错误的。这是不可能的。

所以我想出了一个实现全选多选框的方案。

实现思路

鉴于上述问题，我们可以放弃checkbox-group嗯，顺便说一下，我放弃了checkbox，因为我更喜欢radio的圆形风格。

首先，模拟生成一些数据，便于显示。数据的关键是要有一个字段selected，其余的随心所欲：