el-checkbox-group每一项复选垂直排列
时间: 2023-10-08 12:11:12 浏览: 214
可以使用 el-checkbox-group 的 label-position 属性设置每一项复选框的标签位置,将其设置为 top 即可实现垂直排列。例如:
```
<el-checkbox-group v-model="checkedValues" label-position="top">
<el-checkbox label="选项1"></el-checkbox>
<el-checkbox label="选项2"></el-checkbox>
<el-checkbox label="选项3"></el-checkbox>
</el-checkbox-group>
```
其中,checkedValues 为绑定的选中值。
相关问题
el-checkbox-group 可否纵向排列
可以,你可以使用`flex-direction`属性将`el-checkbox-group`中的`el-checkbox`纵向排列。例如:
```html
<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`在垂直方向上排列。
阅读全文