element-ui 中 el-select基础多选组件选择后不会自动关闭

最新推荐文章于 2024-03-17 15:46:22 发布

原创最新推荐文章于 2024-03-17 15:46:22 发布 · 7k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js

收录于

element-ui 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在使用element-ui的el-select多选模式时遇到的一个问题，即选择选项后下拉框不会自动关闭。为解决此问题，提出了通过setTimeout结合blur()方法来实现下拉框的自动关闭。

element-ui 中 el-select基础多选组件选择后不会自动关闭

el-select mutiple组件下拉框选择后不会自动关闭

el-select mutiple组件下拉框选择后不会自动关闭

使用setTimeout + blur() 方法

 	
<el-select v-model="value1" ref="selectAppType" multiple placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
----------------------------------
 selectChange(){
 	let _this = this;
  setTimeout(function() {
        _this.$refs.selectAppType.blur();
     }, 50);
 }