cascader 级联选择器回显
时间: 2023-07-06 11:41:15 浏览: 228
Vue+ElementUI 中级联选择器Bug问题的解决
5星 · 资源好评率100%
Cascader 级联选择器在回显时需要传入一个数组,数组中的每一项都是对应级联选择器中的一个选项。例如,如果有一个三级级联选择器(省市区),回显时需要传入一个长度为三的数组,分别对应当前选中的省、市和区。
在 Vue 中,可以使用 `v-model` 来绑定级联选择器的值,并使用 `:options` 属性来设置选项列表。例如:
```html
<el-cascader v-model="selectedOptions" :options="options"></el-cascader>
```
其中,`selectedOptions` 是一个数组,用于绑定级联选择器的值。`options` 是一个数组,表示级联选择器的选项列表。
在回显时,只需要将 `selectedOptions` 设置为对应的数组即可。例如,如果要回显省为“广东省”、市为“广州市”、区为“天河区”,可以这样写:
```js
this.selectedOptions = ['广东省', '广州市', '天河区'];
```
当级联选择器的值发生变化时,`selectedOptions` 数组也会相应地更新。
阅读全文