el-input中clear如何不触发click事件
时间: 2023-11-07 10:13:24 浏览: 89
解决element-ui中下拉菜单子选项click事件不触发的问题
要让 el-input 中的 clear 按钮不触发 click 事件,可以使用 preventDefault() 方法阻止默认的 click 事件。具体做法是,在 el-input 中绑定一个 clear 事件,在事件回调函数中调用 event.preventDefault() 方法,如下所示:
```html
<el-input v-model="inputValue" @clear="onClear"></el-input>
```
```javascript
methods: {
onClear(event) {
event.preventDefault();
// do something else
}
}
```
这样,当用户点击 clear 按钮时,就不会触发默认的 click 事件,而是执行自定义的事件处理逻辑。
阅读全文