测试在el-select做回车搜索时,发现无法隐藏下拉列表

查看官方文档,需要设置@visible-change

el-select

代码:

//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 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐