如何在uni-app的下拉多选

在uni-app中，可以使用uview组件库中的u-checkbox-group组件实现下拉多选功能，具体实现步骤如下：

1. 在页面中引入u-checkbox-group组件

<template>
  <view>
    <u-checkbox-group v-model="selectedValues" :options="options" @change="onChange"></u-checkbox-group>
  </view>
</template>

<script>
  import {uCheckboxGroup} from 'uview-ui';

  export default {
    components: {uCheckboxGroup},
    data() {
      return {
        options: [
          {label: '选项1', value: 'value1'},
          {label: '选项2', value: 'value2'},
          {label: '选项3', value: 'value3'},
          {label: '选项4', value: 'value4'},
        ],
        selectedValues: [], // 用来存放选择的值
      };
    },
    methods: {
      onChange(e) { // 当选中的值发生变化时触发
        console.log('选择的值：', e.detail);
      },
    },
  };
</script>

2. 在data中定义选项列表和选择的值

data() {
  return {
    options: [
      {label: '选项1', value: 'value1'},
      {label: '选项2', value: 'value2'},
      {label: '选项3', value: 'value3'},
      {label: '选项4', value: 'value4'},
    ],
    selectedValues: [], // 用来存放选择的值
  };
},

3. 在模板中使用u-checkbox-group组件，并绑定options和selectedValues属性

<u-checkbox-group v-model="selectedValues" :options="options" @change="onChange"></u-checkbox-group>

4. 在methods中定义onChange方法，当选中的值发生变化时触发

methods: {
  onChange(e) {
    console.log('选择的值：', e.detail);
  },
},

这样，就完成了在uni-app中实现下拉多选的功能。