Elementui中el-select自动展开

本来想着通过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>