HTML autocomplete
属性可用于以文本以提供填写表单字段值的自动帮助,简单说说就是可以记忆历史数据并显示出来,可以提高输入效率。
但是HTML autocomplete
属性需要下面的条件,在element ui的开发中非常不方便,必须使用form同步提交,而VUE中现代网页都使用axios来异步提交。
- 具有
name
和/或id
属性 - 成为
<form>
的后代 - 具有 submit 按钮的表单
于是就用el-autocomplete组件+localstorage实现了h5里面的自动完成功能,自动完成的项目数不限,每个项目能够记忆5个(可修改)最新的数据,
localstorage的数据格式
key:
Autocomplete:/#/media/W002024:SiteOwnerChange
value:
{"selectForm.URL":[{"value":"fggfhfgh"},{"value":"ssss"},{"value":"aa"}]}
核心代码
class Autocompletex {
parent
autocomplete
key
constructor(parent) {
this.