el-checkbox-group纵向排列

要使`el-checkbox-group`纵向排列，可以使用以下CSS样式：

.el-checkbox-group .el-checkbox {
  display: block;
}

这会将每个`el-checkbox`元素设置为块级元素，从而使它们在新行上显示。您可以将此CSS样式添加到您的样式表中，或者将其添加到特定的`el-checkbox-group`元素的样式属性中。

相关问题

el-checkbox-group 可否纵向排列

可以，你可以使用`flex-direction`属性将`el-checkbox-group`中的`el-checkbox`纵向排列。例如：

<el-checkbox-group style="display: flex; flex-direction: column;">
  <el-checkbox label="选项一"></el-checkbox>
  <el-checkbox label="选项二"></el-checkbox>
  <el-checkbox label="选项三"></el-checkbox>
</el-checkbox-group>

这将使`el-checkbox`在垂直方向上排列。

el-checkbox-group获取值

el-checkbox-group是Element UI中的一个组件，用于实现多选框的分组选择。要获取el-checkbox-group的值，可以通过v-model指令来绑定一个数据变量，当用户选择或取消选择多选框时，该变量的值会相应地改变。

以下是获取el-checkbox-group值的步骤：
1. 在Vue组件中引入el-checkbox-group组件，并在data中定义一个变量来存储选择的值，例如selectedValues。
2. 在el-checkbox-group上使用v-model指令将selectedValues与组件进行双向绑定，例如：v-model="selectedValues"。
3. 当用户选择或取消选择多选框时，selectedValues的值会自动更新。
4. 可以通过访问selectedValues来获取el-checkbox-group的值。

示例代码如下：

<template>
  <div>
    <el-checkbox-group v-model="selectedValues">
      <el-checkbox label="选项1"></el-checkbox>
      <el-checkbox label="选项2"></el-checkbox>
      <el-checkbox label="选项3"></el-checkbox>
    </el-checkbox-group>
    <p>已选择的值：{{ selectedValues }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: [] // 存储选择的值
    };
  }
};
</script>

在上述示例中，selectedValues数组将存储用户选择的值。可以通过访问selectedValues来获取el-checkbox-group的值。