elementui select 拼音

elementui select 组件支持拼音搜索，只需要在 el-select 上添加属性 filterable 和 remote，然后在 el-select 上绑定 filter-method 方法即可实现拼音搜索。

示例代码如下：

<el-select
  filterable
  remote
  :filter-method="filterMethod"
>
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
  />
</el-select>

<script>
export default {
  data() {
    return {
      options: [
        { value: 'zhongguo', label: '中国' },
        { value: 'meiguo', label: '美国' },
        { value: 'riben', label: '日本' },
        { value: 'hanguo', label: '韩国' }
      ]
    }
  },
  methods: {
    filterMethod(query, option) {
      return option.label.indexOf(query) > -1 || option.value.indexOf(query) > -1 || option.label.toLowerCase().indexOf(query.toLowerCase()) > -1 || option.value.toLowerCase().indexOf(query.toLowerCase()) > -1
    }
  }
}
</script>