el-select 加载中

您好！如果您想在 el-select 组件中显示加载中状态，可以使用 el-loading 组件来实现。您可以在 el-select 的外层包裹一个 el-loading 组件，并通过设置其 :visible 属性来控制加载状态的显示与隐藏。

下面是一个示例代码：

<template>
  <div>
    <el-loading :visible="loading">
      <el-select v-model="selectedValue" filterable remote :remote-method="getOptions">
        <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
      </el-select>
    </el-loading>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loading: false, // 控制加载状态的变量
      selectedValue: null,
      options: []
    };
  },
  methods: {
    getOptions(query) {
      this.loading = true; // 开始加载
      // 模拟异步请求获取选项数据
      setTimeout(() => {
        // 假设获取到的选项数据为 options
        this.options = [
          { value: 'option1', label: 'Option 1' },
          { value: 'option2', label: 'Option 2' },
          { value: 'option3', label: 'Option 3' }
        ];
        this.loading = false; // 加载完成
      }, 2000);
    }
  }
};
</script>

在上面的示例中，el-loading 组件通过 :visible 属性控制加载状态的显示与隐藏。当 loading 变量为 true 时，el-loading 组件会显示加载中的状态，当 loading 变量为 false 时，el-loading 组件会隐藏加载状态。

请注意，上述代码中的异步请求是模拟的，您需要根据实际情况进行修改。

希望能对您有所帮助！如果还有其他问题，请继续提问。