Vue Element Plus 全局开启 El-Select 筛选功能

在 Vue Element Plus 中，可以通过设置全局配置来开启 el-select 的 filterable 功能。

首先，在 main.js 文件中引入 element-plus 库，并将其注册为 Vue 的全局组件：

import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App);
app.use(ElementPlus);
app.mount('#app');

接下来，可以使用 ElSelect.props.filterable 全局配置来开启 el-select 的 filterable 功能。在 main.js 文件中添加如下代码：

import { ElSelect } from 'element-plus';

// 全局配置 el-select 的 filterable 属性为 true
ElSelect.props.filterable.default = true;

现在，el-select 组件的 filterable 属性将默认为 true，可以在项目中的任何地方使用 el-select，并开启 filterable 功能：

<template>
  <el-select v-model='selectedOption' filterable>
    <!-- options here -->
  </el-select>
</template>

注意：全局配置会影响所有的 el-select 组件，如果需要针对某个特定的 el-select 组件关闭 filterable 功能，可以在组件中使用局部配置来覆盖全局配置。例如：

<template>
  <el-select v-model='selectedOption' :filterable='false'>
    <!-- options here -->
  </el-select>
</template>

这样，该 el-select 组件将不会开启 filterable 功能。