uniapp 多选列表

在 Uniapp 中，你可以使用 `uni-checkbox-group` 组件来创建多选列表。以下是一个例子：

<template>
  <view>
    <uni-checkbox-group v-model="selectedItems">
      <uni-checkbox v-for="item in items" :key="item.id" :value="item.id">{{ item.name }}</uni-checkbox>
    </uni-checkbox-group>
    <button @click="submit">提交</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      selectedItems: [],
      items: [
        { id: 1, name: '选项1' },
        { id: 2, name: '选项2' },
        { id: 3, name: '选项3' },
        { id: 4, name: '选项4' }
      ]
    };
  },
  methods: {
    submit() {
      console.log(this.selectedItems);
      // 在这里处理选中的选项
    }
  }
};
</script>

在上面的示例中，我们使用了 `uni-checkbox-group` 组件来创建多选列表，并使用 `v-model` 来实现双向绑定。每个选项都使用 `uni-checkbox` 组件来表示，通过遍历 `items` 数组动态生成多个复选框。当用户选择或取消选择一个选项时，`selectedItems` 数组将自动更新。在提交按钮的点击事件处理函数中，你可以处理选中的选项。