element-plus el-cascader 设置默认值回显
时间: 2024-08-28 09:01:40 浏览: 277
Element Plus 的 `el-cascader` 组件是一个下拉级联选择器,如果你想设置默认选中的选项以便于数据回显,你可以通过 `value` 属性来指定初始值。`value` 可以是一个数组,表示多级选择的路径,每个层级对应一个节点的值。
例如,如果你有一个三级分类的数据结构,你可以这样做:
```html
<template>
<el-cascader
:options="categories"
v-model="selectedValues"
placeholder="请选择分类">
</el-cascader>
</template>
<script>
export default {
data() {
return {
categories: [
{ value: '0-1', label: '一级分类一', children: [] },
{ value: '0-2', label: '一级分类二', children: [
{ value: '0-2-1', label: '二级分类一', children: [] },
// 更多选项...
]},
// 更多一级分类...
],
selectedValues: ['0-1'] // 如果你想显示一级分类一作为默认值
};
}
};
</script>
```
当你首次加载页面时,`el-cascader`会选择 `selectedValues` 中的第一个选项作为默认展开项。如果用户未做选择,组件会保持空状态,直到用户进行交互。
阅读全文
相关推荐

















