el-autocomplete中的输入建议动态修改即时变化

156 阅读1分钟

项目中要实现一个显示历史记录(远程记录与获取)的搜索框,用了el-autocomplete组件。交互细节中需要完成删除某条记录的功能,搜索建议数据虽然更新,下拉搜索建议中的显示并没有即时动态更新。想要在不隐藏下拉搜索建议的情况下,实时动态更新视图中的搜索建议。 网上查找了一些办法,发现如下方案比较合适

<el-autocomplete
  v-model="keyword"
  :fetch-suggestions="querySearch"
  placeholder="请输入内容"
  ref="myComplete"
></el-autocomplete>

// 修改了对应数据之后调用以下代码即可
this.$refs.myComplete.getData()

参考[:www.jianshu.com/p/64d708810…]