elementui多选器 prop
时间: 2024-10-16 16:01:16 浏览: 23
Element UI 的多选器组件通常是指 `el-checkbox-group` 或者 `el-cascader-multiple` 这样的组件,它们是用于处理复选框或多级选择的。在 Vue.js 中,`prop` 是父组件向子组件传递属性的方式。
对于 `el-checkbox-group`,你可以通过设置 `v-model` 属性并传入一个数组作为 `prop` 来控制选中的选项。例如:
```html
<template>
<el-checkbox-group v-model="selectedOptions">
<el-checkbox v-for="option in options" :label="option.value" :key="option.key">{{ option.label }}</el-checkbox>
</el-checkbox-group>
</template>
<script>
export default {
props: {
options: {
type: Array,
required: true,
// 需要在这里定义一个多维数组,每个选项包含 value 和 label 属性
// 示例:[
// { value: 'Option1', label: '选项1' },
// { value: 'Option2', label: '选项2' }
// ]
},
selectedOptions: {
type: Array,
default: () => []
}
}
}
</script>
```
`v-model` 的值会同步到父组件的 `selectedOptions` 数组,反之亦然。
对于 `el-cascader-multiple`(级联选择器),它也有 `props`,如 `options`、`value-key`、`checkStrictly` 等,用于配置选项列表和用户选择的行为。
阅读全文