解决el-autocomplete动态修改输入建议——suggestions的选项

因想实现一个显示历史搜索记录的输入框,所以使用到了element-ui的el-autocomplete组件。
但是却发现删除对应数据的某一项之后,suggestions并没有动态改变。因此查看了一下源码。最终找到了实现方法:

代码示例

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

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

最终实现效果

最终实现效果

以上。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容