ElementUI框架中el-select组件在按回车时,隐藏下拉菜单
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
测试在el-select做回车搜索时,发现无法隐藏下拉列表
查看官方文档,需要设置@visible-change
代码:
//html:
<el-select
v-model="searchForm.searchCompany"
filterable
placeholder="请输入企业关键字"
clearable
style="width: 100%"
ref="selectref"
@visible-change="visibleType">
<el-option
v-for="item in companyOptions"
:key="item.id"
:label="item.companyName"
:value="item.id">
</el-option>
</el-select>
//js
created() {
window.addEventListener("keyup",this.enterSearch)
},
methods: {
enterSearch:function(e){
if(e.keyCode === 13) {
this.companyPolicyHandel()
}
},
// 是否显示下拉框
visibleType(e){
if(!e) {
this.$refs.selectref.blur();
}
},
}
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:5 个月前 )
c345bb45
9 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 9 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)