el-select失去焦点不隐藏下拉框

在Vue.js的element-ui库中的`el-select`组件中，当select失去焦点时通常会自动隐藏其下拉菜单（即选项列表）。然而，有时可能由于某些自定义样式或者特殊需求，下拉框并未按预期隐藏。如果你想要控制这种情况，你可以通过设置`clearable`属性和`focus-inner-focus-visible`事件来实现。

1. `clearable`属性：默认情况下，当你点击非选项部分时，`el-select`会选择清除当前选中的值并关闭下拉框。如果设置了`clearable=false`，则不会触发清除操作，也就不会隐藏下拉框。

<el-select :clearable="false">
  <!-- options -->
</el-select>

2. 自定义`focus-inner-focus-visible`事件处理：可以通过监听这个事件，在`blur`事件中手动控制下拉框的显示和隐藏。例如：

<template>
  <el-select ref="select" @focus-inner-focus-visible="handleFocusVisible"></el-select>
</template>

<script>
export default {
  methods: {
    handleFocusVisible(isVisible) {
      if (!isVisible) {
        this.$refs.select.hideDropdown(); // 如果不在焦点，隐藏下拉框
      }
    },
  },
};
</script>

这里假设你已经导入了`element-ui`并注册了引用。