uniapp下拉多选框

在uniapp中实现下拉多选框的功能，可以使用`<uni-select>`组件结合`v-model`指令和`multiple`属性来实现。下面是一个示例代码：

<template>
  <view>
    <uni-select v-model="selectedItems" multiple :options="options" @change="handleChange"></uni-select>
  </view>
</template>

<script>
export default {
  data() {
    return {
      selectedItems: [], // 选中的项
      options: [
        { value: 0, text: "选项1" },
        { value: 1, text: "选项2" },
        { value: 2, text: "选项3" },
        { value: 3, text: "选项4" },
        { value: 4, text: "选项5" }
      ]
    };
  },
  methods: {
    handleChange(e) {
      console.log("选中的项：", this.selectedItems);
    }
  }
};
</script>

在上面的代码中，`<uni-select>`组件用于创建下拉多选框，`v-model`指令用于双向绑定选中的项，`multiple`属性表示可以多选。当选中的项发生变化时，会触发`@change`事件，可以在`handleChange`方法中处理选中项的变化。