elementplus select选择框自动展开方法

select选择器下拉框自动展开显示

// 通过:name的方法可以从ref里面拿到当前选择框绑定的值来做判断
//(仅针对于循环出来的多个选择框的情况下)
<el-select v-model="value" placeholder="Select">
    <el-option
       ref="selectRef"
      :name="item.value"
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      :disabled="item.disabled"
    />
  el-select>
const selectRef = ref()
const selectAutoUnfold = () =>{
	nextTick(() => {
      // 选择框自动展开
      selectRef.value.handleMouseEnter();
    });
}

你可能感兴趣的:(vue,element-ui,select选择器自动展开)