elementui级联选择器设置默认值
warning:
这篇文章距离上次修改已过264天,其中的内容可能已经有所变动。
在Element UI中,级联选择器(Cascader)组件设置默认值可以通过v-model
绑定一个数组,并将默认值填充到这个数组中。
以下是一个简单的例子:
<template>
<el-cascader
v-model="selectedOptions"
:options="options"
placeholder="请选择"
></el-cascader>
</template>
<script>
export default {
data() {
return {
selectedOptions: ['option1', 'option1-1'], // 默认值
options: [
{
value: 'option1',
label: '选项1',
children: [
{
value: 'option1-1',
label: '选项1-1'
},
{
value: 'option1-2',
label: '选项1-2'
}
]
},
{
value: 'option2',
label: '选项2',
children: [
{
value: 'option2-1',
label: '选项2-1'
}
]
}
]
};
}
};
</script>
在这个例子中,selectedOptions
是绑定到级联选择器上的数组,它包含了默认选中的值。options
是级联选择器的选项数组。
请确保默认值数组selectedOptions
中的值与options
数组中的某个节点的value
完全匹配,级联选择器组件会自动展开相应的选项并选中对应的值。
评论已关闭