element ui 模糊搜索 无法动态添加数据

您好！对于 Element UI 的模糊搜索，确实可以动态添加数据。下面是一种实现的方法：

首先，您需要在组件中定义一个数据源数组，用于存储所有的选项数据。例如：

data() {
  return {
    options: [
      { value: 'apple', label: '苹果' },
      { value: 'banana', label: '香蕉' },
      { value: 'cherry', label: '樱桃' }
    ],
    searchText: '',
    filteredOptions: []
  }
}

然后，在模糊搜索的输入框中，绑定一个 `input` 事件，通过过滤数据源数组，将符合条件的选项动态显示出来。例如：

<el-input v-model="searchText" @input="filterOptions"></el-input>

接下来，在组件的方法中，编写一个 `filterOptions` 方法，用于根据输入框的值来过滤数据源数组。例如：

methods: {
  filterOptions() {
    this.filteredOptions = this.options.filter(option => {
      return option.label.includes(this.searchText);
    });
  }
}

最后，在模糊搜索的下拉选项中，使用动态的 `filteredOptions` 数组作为选项数据。例如：

<el-select v-model="selectedOption">
  <el-option
    v-for="option in filteredOptions"
    :key="option.value"
    :value="option.value"
    :label="option.label">
  </el-option>
</el-select>

通过上述步骤，您就可以实现 Element UI 的模糊搜索，并且可以动态添加数据。

希望对您有所帮助！如有其他问题，请随时提问。