el-select上设置了图标点击,如何在点击图标的时候,不弹出下拉框
时间: 2024-05-10 22:20:35 浏览: 130
您可以在图标的点击事件中调用`event.stopPropagation()`方法来阻止事件冒泡,从而防止下拉框弹出。例如:
```html
<el-select v-model="value">
<el-option label="Option 1" value="1"></el-option>
<el-option label="Option 2" value="2"></el-option>
<span slot="prefix" class="iconfont icon-search" @click.stop="handleIconClick"></span>
</el-select>
```
```javascript
methods: {
handleIconClick(event) {
// 阻止事件冒泡
event.stopPropagation();
// 处理图标点击事件
console.log('Icon clicked!');
}
}
```
阅读全文