在 iOS 移动端上，第一次输入文字内容时，无法正确触发 Element UI 下拉框的模糊查询功能

这个问题可能与 iOS 移动端的输入事件有关。Element UI 下拉框的模糊查询功能一般是通过监听输入框的 input 事件来触发的。但是在 iOS 移动端上，第一次输入文字内容时，系统会先触发一次特殊的事件叫做 compositionstart，表示用户正在进行输入。这个事件会导致 Element UI 下拉框的模糊查询功能无法正确触发。

解决这个问题的方法是，可以通过监听 compositionend 事件来在输入完成后手动触发一次 input 事件。具体代码示例如下：

<el-select v-model="value" @input="handleInput">
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

// 在组件中添加以下代码
methods: {
  handleInput() {
    // 在 input 事件中处理模糊查询逻辑
  },
  handleCompositionEnd() {
    // 在 compositionend 事件中手动触发一次 input 事件
    this.$nextTick(() => {
      const inputEl = this.$refs.input.$refs.input;
      inputEl.dispatchEvent(new Event('input'));
    });
  }
},
mounted() {
  const inputEl = this.$refs.input.$refs.input;
  inputEl.addEventListener('compositionend', this.handleCompositionEnd);
},
beforeDestroy() {
  const inputEl = this.$refs.input.$refs.input;
  inputEl.removeEventListener('compositionend', this.handleCompositionEnd);
}