u-checkbox-group

u-checkbox-group是Element-Plus库中的一个组件，用于展示多个复选框选项并支持多选。它可以在表单中使用，或者作为独立的组件使用。

使用u-checkbox-group，你可以通过数据绑定和循环语句来动态生成复选框选项。下面是一个示例：

<template>
  <div>
    <u-checkbox-group v-model="selectedFruits">
      <u-checkbox v-for="fruit in fruits" :label="fruit" :key="fruit">{{ fruit }}</u-checkbox>
    </u-checkbox-group>
    <p>你选择的水果: {{ selectedFruits }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fruits: ['苹果', '香蕉', '橙子', '梨子'],
      selectedFruits: [],
    };
  },
};
</script>

在上面的示例中，通过v-model绑定了selectedFruits数组，该数组用于存储选中的水果。通过v-for循环生成了多个复选框选项，并通过:label绑定了每个选项的值。当用户选择或取消选择某个复选框时，selectedFruits数组会自动更新。

注意：u-checkbox-group需要配合u-checkbox一起使用，前者是一个容器组件，后者是复选框选项组件。