el-select clear事件禁止触发visible-change
时间: 2023-08-17 14:05:40 浏览: 107
element-ui 远程搜索组件el-select在项目中组件化的实现代码
您想要禁止 el-select 组件的 clear 事件触发 visible-change 事件,是这样吗?如果是的话,您可以通过监听 clear 事件,并在事件处理程序中取消 visible-change 事件的触发。以下是一个示例代码:
```javascript
<el-select @clear="handleClear" @visible-change="handleVisibleChange"></el-select>
methods: {
handleClear() {
// 取消 visible-change 事件的触发
this.$nextTick(() => {
this.$refs.select.blur();
});
},
handleVisibleChange(visible) {
if (!this.$refs.select.blur) {
// 执行 visible-change 事件的逻辑
// ...
}
}
}
```
在 handleClear 方法中,我们使用 `$nextTick` 来确保 blur() 方法在下一个 DOM 更新周期后执行,以便取消 visible-change 事件的触发。然后在 handleVisibleChange 方法中,我们检查 select 元素是否失去焦点,如果没有失去焦点,则执行 visible-change 事件的逻辑。
希望这个示例能够帮助到您!如果您有任何进一步的问题,请随时提问。
阅读全文