el-cascader-panel增加事件
时间: 2023-09-24 13:05:54 浏览: 143
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
如果你想要在 el-cascader-panel 组件上增加事件,可以使用以下方法:
1. 使用 @click.native 监听原生的 click 事件:
```html
<el-cascader-panel @click.native="handleClick"></el-cascader-panel>
```
2. 使用 @change 监听选择器值改变事件:
```html
<el-cascader-panel @change="handleChange"></el-cascader-panel>
```
3. 使用 @visible-change 监听展开/收起下拉框事件:
```html
<el-cascader-panel @visible-change="handleVisibleChange"></el-cascader-panel>
```
在对应的 Vue 实例中,定义对应的事件处理函数:
```js
methods: {
handleClick() {
console.log('点击 el-cascader-panel');
},
handleChange(value) {
console.log('选择器值改变:', value);
},
handleVisibleChange(visible) {
console.log('下拉框展开/收起:', visible);
}
}
```
这样就可以在 el-cascader-panel 组件上增加相应的事件了。
阅读全文