微信小程序vant下拉多选数据

在微信小程序中，Vant是一个流行的UI组件库，它提供了一个名为van-cell-group的组件，可以方便地实现下拉多选列表的功能。`<van-cell-group>`用于展示一组可选项，用户可以选择其中的一项或多项。

以下是一个基本的使用范例：

<view>
  <van-cell-group v-model="selectedItems" @change="onChange">
    <van-cell title="选项1" value="1" type="selection"></van-cell>
    <van-cell title="选项2" value="2" type="selection"></van-cell>
    <!-- 添加更多选项 -->
  </van-cell-group>
</view>

<script>
export default {
  data() {
    return {
      selectedItems: [], // 初始化选择的值为空数组
    };
  },
  methods: {
    onChange(values) {
      this.selectedItems = values; // 当用户做出选择时更新选择结果
      console.log('选择的值:', values);
    }
  }
};
</script>

在这个例子中，`v-model`绑定到 `selectedItems` 数据属性，表示当前已选择的值。当用户在下拉列表中点击选择时，会触发 `onChange` 方法，传递新的选择值，并更新组件的状态。