element ui 级联设置默认值
时间: 2023-09-08 22:17:28 浏览: 107
Element UI 中的级联组件可以通过设置默认值来预先选中某个节点。
要设置级联组件的默认值,首先需要给级联组件绑定一个数据源,可以是一个数组或者是一个远程接口。然后,可以通过设置 `v-model` 或者 `:value` 属性来指定默认值。
例如,假设有一个省市区三级级联组件,数据源如下:
```javascript
data() {
return {
options: [
{
value: 'beijing',
label: '北京市',
children: [
{
value: 'dongcheng',
label: '东城区'
},
{
value: 'xicheng',
label: '西城区'
}
]
},
{
value: 'shanghai',
label: '上海市',
children: [
{
value: 'huangpu',
label: '黄浦区'
},
{
value: 'xuhui',
label: '徐汇区'
}
]
}
// 其他省市区数据...
],
defaultValue: ['beijing', 'dongcheng']
};
}
```
然后,在模板中使用级联组件,并绑定默认值:
```html
<el-cascader
v-model="defaultValue"
:options="options"
clearable
></el-cascader>
```
在上述示例中,`v-model` 绑定了 `defaultValue` 变量,将会默认选中北京市的东城区。
希望以上信息能对你有所帮助!如有更多问题,请继续提问。
阅读全文