本来想着通过focus自动获取焦点 ,但是不起作用,然后百度说 focus 要延迟一下才行,然后试了一下还是不行。

后来无意中找到 toggleMenu 这个方法可以。因为之前也没用过这个方法,所以就来记录一下

使用起来也比较简单,ref绑定到el-select上,然后通过 this.$refs[<绑定的名称>].toggleMenu()就可以了

<template>
  <div>
    <el-select ref="selectRef" v-model="value" placeholder="请选择">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
      </el-option>
    </el-select>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        options: [{
          value: '选项1',
          label: '黄金糕'
        }],
        value:''
      }
    },
    mounted() {
      // 自动展开下拉框
      this.$refs.selectRef.toggleMenu()
    },
  }
</script>

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐