vant picker多选,vant单选,vant选项卡,vant checkboxgroup change,vant中select组件,vant 单选框
Vant4 PickerGroup 选择器组是一种基于 Vue.js 框架的 UI 组件，用于展示多个级联的选择器，并允许用户从中选择一个或多个选项。

该组件主要由两个子组件 Picker 和 PickerColumn 组成。Picker 组件对应一个完整的选择器，可以包含多个 PickerColumn 组件，每个 PickerColumn 对应一个选项列。

例如，如果我们需要创建一个选择省市区的组件，可以使用 PickerGroup 组件。其中，第一列为省份，第二列为城市，第三列为区县。代码如下：

html
<van-picker-group>
<van-picker-column :options="provinces" @change="onProvinceChange"></van-picker-column>
<van-picker-column :options="cities" @change="onCityChange"></van-picker-column>
<van-picker-column :options="districts" @change="onDistrictChange"></van-picker-column>
</van-picker-group>


其中，provinces、cities 和 districts 分别为省、市、区县的选项列表，onProvinceChange、onCityChange 和 onDistrictChange 则为选项改变时的回调函数。

在上述代码中，当用户选择了省份后，onProvinceChange 回调函数会根据当前省份动态更新城市列表，并将第二列的 PickerColumn 重置为初始状态。同理，当用户选择了城市后，onCityChange 回调函数会根据当前城市动态更新区县列表，并将第三列的 PickerColumn 重置为初始状态。

通过 PickerGroup 组件，我们可以轻松实现多级联动选择器的功能，提升用户体验。