Cascader 级联选择器的事件
时间: 2023-06-29 10:09:16 浏览: 174
Element Cascader 级联选择器的使用示例
5星 · 资源好评率100%
Cascader 级联选择器有以下几个事件:
- `change`:在选项变化时触发,返回选中的节点数组。
- `expand-change`:在展开或收起选项时触发,返回当前展开的节点数组。
- `visible-change`:在下拉框的显示状态发生改变时触发,返回下拉框的显示状态。
- `remove-tag`:在多选模式下,移除选中标签时触发,返回被移除的选项对象。
这些事件可以通过 `@event` 或 `v-on` 指令绑定到 Cascader 上,例如:
```html
<el-cascader
v-model="selectedOptions"
:options="options"
@change="handleChange"
/>
```
```javascript
methods: {
handleChange(selectedOptions) {
console.log('选中的节点数组:', selectedOptions)
}
}
```
阅读全文