el-form-item 嵌套el-checkbox-group
时间: 2023-10-15 18:02:42 浏览: 136
Vue动态生成el-checkbox点击无法赋值的解决方法
5星 · 资源好评率100%
可以使用 `el-form-item` 来包裹 `el-checkbox-group` ,示例如下:
```html
<template>
<el-form>
<el-form-item label="Checkbox Group">
<el-checkbox-group v-model="checkedValues">
<el-checkbox label="Option 1"></el-checkbox>
<el-checkbox label="Option 2"></el-checkbox>
<el-checkbox label="Option 3"></el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
checkedValues: []
}
}
}
</script>
```
在上述示例中,`el-form-item` 是用来包裹 `el-checkbox-group` 的,`v-model` 绑定了 `checkedValues` 属性,用于保存选中的值。你可以根据自己的需求进行修改和扩展。
阅读全文