element ui的下拉框在ios移动端首次输入模糊查询不生效全局解决

如果你想要全局解决这个问题，可以在项目中引入一个全局的 `focusin` 事件监听器，在该事件中判断是否为下拉框组件，如果是则手动触发下拉框的输入事件。具体实现可以参考以下代码：

import Vue from 'vue';
import { Select } from 'element-ui';

Vue.directive('selectFix', {
  inserted(el) {
    el.addEventListener('focusin', (event) => {
      if (event.target.tagName === 'INPUT' && event.target.classList.contains('el-select__input')) {
        const select = event.target.closest('.el-select');
        if (select) {
          const instance = Select.methods.getInstance(select);
          if (instance) {
            setTimeout(() => {
              instance.handleInputChange(instance.query);
            }, 0);
          }
        }
      }
    });
  },
});

在上面的代码中，我们使用了 Vue 的全局指令 `Vue.directive`，定义了一个名为 `selectFix` 的指令。在指令的 `inserted` 钩子中，我们为元素添加了一个 `focusin` 事件监听器，在事件中判断是否为下拉框组件，如果是则手动触发下拉框的输入事件，以解决模糊查询不生效的问题。

上述代码中也使用了 Element UI 的 `Select` 组件的 `getInstance` 方法，它可以获取到当前下拉框实例，从而可以手动触发下拉框的输入事件。需要注意的是，由于 iOS 系统的特殊性，需要使用 `setTimeout` 延迟一段时间后再触发输入事件，否则可能会出现一些其他问题。

最后，我们在项目中引入该全局指令，即可解决该问题：

import Vue from 'vue';
import 'element-ui/lib/theme-chalk/index.css';
import { Select } from 'element-ui';
import selectFix from './directives/selectFix'; // 引入全局指令

Vue.use(Select);
Vue.directive('selectFix', selectFix); // 注册全局指令

new Vue({
  el: '#app',
  render: (h) => h(App),
});