el-cascader多选怎么回显
时间: 2023-08-20 10:06:54 浏览: 134
使用element中el-cascader级联选择器:实现省市区街道筛选、动态懒加载以及回显
对于 el-cascader 组件的多选回显,你可以使用 `v-model` 属性绑定一个数组,数组中的元素即为已选中的值。具体步骤如下:
1. 在 el-cascader 组件上使用 `v-model` 属性绑定一个数组,用于存储已选中的值。
```html
<el-cascader v-model="selectedValues" :options="cascaderOptions" multiple></el-cascader>
```
2. 在 Vue 实例中,定义 `selectedValues` 变量为一个数组,并在需要回显时,将需要回显的值赋给它。
```javascript
data() {
return {
selectedValues: [], // 用于回显选中值的数组
cascaderOptions: [] // 数据源
};
},
mounted() {
// 获取已选中的值
// 将已选中的值赋给 selectedValues 数组
// 例如:this.selectedValues = ['value1', 'value2', ...];
}
```
这样,当 el-cascader 组件加载完成后,`selectedValues` 数组中的值会被自动选中,并实现多选回显效果。当你进行选择或取消选择时,`selectedValues` 数组也会相应地更新。
阅读全文