elememt el-select 按首字母排序

element el-select组件自身并没有提供按首字母排序的功能，但我们可以利用el-select的filter方法和自定义过滤函数来实现按首字母排序。

首先，在el-select中设置filterable属性为true，这样就可以启用搜索功能。然后，我们需要自定义一个过滤函数，让el-select在搜索时按首字母来排序选项。

可以通过配置自定义过滤函数，来修改默认的过滤逻辑。假设el-select组件绑定的options数组如下：

options: ['苹果', '香蕉', '橙子', '西瓜']

我们可以自定义过滤函数，以实现按首字母排序：

filterMethod(query, option) {
const pinyin = require('pinyin');
const firstLetter = pinyin(option, {style: pinyin.STYLE_FIRST_LETTER})[0][0].toUpperCase(); // 使用pinyin将汉字转化为首字母
return firstLetter.startsWith(query.toUpperCase()); // 比较首字母是否与搜索词匹配
}

然后，在el-select中设置过滤函数：

<el-select
filterable
:filter-method="filterMethod"
></el-select>

这样，当我们在el-select中输入搜索词时，el-select会按首字母排序展示选项并自动匹配搜索词。

值得注意的是，为了使用pinyin库，我们需要先在项目中安装pinyin库。可以通过npm或yarn来安装：

npm install pinyin
yarn add pinyin

以上就是一种实现element el-select按首字母排序的方法。希望对你有所帮助！