输入框和搜索按钮表单的wxml没啥特别的，这里绑定了输入框的输入值样式我就不放上来了

 

  历史记录列表的wxml，也没啥特别的就用了个列表循环，做了个判断当没有搜索记录时显示没有搜索记录的条目
 
 

 

 首先设置一下初始值，写一个取得本地储存的历史搜索记录列表函数在页面onload时候启用
 
 

 

 页面onLoad函数里 加载┅下函数就ok了具体的历史记录获取储存请看下面
 


 

 

 提交表单时的函数 ，这里是动态改变json数组的某个健值的话在小程序里应用整体赋值的方法强迫症，输入为空时不把他放到历史纪录里可以做一些其它跳转处理，这里我只显示最新的五条不为空且小于五时，直接放到数组裏面注意我用的是unshift而不是push，因为我想让最新输入的在最上面若已经等于五条则用pop删掉最老的一条，再放入新的记录再存入本地储存
 


 

 //點击搜索按钮提交表单跳转并储存历史记录
 //将搜索值放入历史记录中,只能放前五条
 //将历史记录数组整体储存到缓存中
 

 点击垃圾桶删除历史紀录和本地储存
 


 

发布了15 篇原创文章 · 获赞 21 · 访问量 1万+