element ui自动补全
时间: 2023-09-08 11:14:35 浏览: 77
Element UI提供了自动补全组件(el-autocomplete),使用该组件可以实现输入框的自动补全功能。默认情况下,Element UI将自动补全禁用,可以通过设置auto-complete属性为"on"来打开自动补全功能。
自动补全组件的autocomplete属性规定输入字段是否应该启用自动完成功能,根据具体需求进行设置。
在自动补全组件中,可以自定义建议的内容。可以通过fetch-suggestions属性设置查询建议的方法,trigger-on-focus属性设置是否在输入框获得焦点时触发查询建议的方法。
同时,可以根据具体需求进行自定义筛选方法和加载所有建议的方法。可以通过querySearch方法设置查询建议的方法,createFilter方法用于自定义筛选方法,loadAll方法用于加载所有建议的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [在vue+element 中使用 autocomplete=on,实现自动补全](https://blog.csdn.net/sinat_29740819/article/details/108563356)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [Element UI autocomplete带输入建议 自动补全后缀(邮箱地址)](https://blog.csdn.net/weixin_44739881/article/details/100982253)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]