element Checkbox 多个选项
时间: 2023-06-30 18:17:31 浏览: 87
如果需要在 element 中使用多个 Checkbox 选项,可以使用 `v-for` 指令进行渲染。以下是一个示例:
```
<template>
<div>
<el-checkbox-group v-model="checkedList">
<el-checkbox v-for="item in options" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</template>
<script>
export default {
data() {
return {
checkedList: [],
options: [
{ label: '选项 1', value: 1 },
{ label: '选项 2', value: 2 },
{ label: '选项 3', value: 3 }
]
};
}
};
</script>
```
在上面的示例中,`el-checkbox-group` 组件绑定了一个数组 `checkedList`,用于存储被选中的选项的值。`v-for` 指令对 `options` 数组进行渲染,生成多个 Checkbox 选项。每个选项使用 `label` 属性进行标识。
在实际开发中,可以根据需求进行自定义配置,如添加全选、反选等功能。更多详细信息可以参考 Element 官方文档。
阅读全文