el-select阻止展开
时间: 2023-08-17 22:15:37 浏览: 174
el-select阻止展开的方法有多种。根据引用\[1\]中的代码,可以通过在@visible-change事件中调用blur()方法来实现隐藏下拉菜单。具体来说,可以在isShowSelectOptions方法中添加以下代码:
```javascript
isShowSelectOptions(isShowSelectOptions){
if(!isShowSelectOptions) this.$refs.selectProvinces.blur();
if(!isShowSelectOptions) this.$refs.selectCitys.blur();
}
```
这样,当下拉菜单隐藏时,会调用blur()方法,使得下拉菜单失去焦点,从而阻止展开。另外,还可以通过添加@keyup.enter.native、@blur和@change事件来实现回车搜索、输入框失去焦点时搜索以及选择某一个option时搜索,如引用\[2\]所示。此外,还可以使用组件代码中的selectTree组件来实现下拉树的展开和隐藏,如引用\[3\]所示。
#### 引用[.reference_title]
- *1* *2* [选中el-select组件在按回车时,如何隐藏下拉菜单](https://blog.csdn.net/cc6_66/article/details/120453991)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-select下拉框内展示el-tree结构](https://blog.csdn.net/qq_45110882/article/details/118903881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文