微信小程序带搜索记录的搜索输入框

最近项目中的一个要求是您需要一个带有搜索记录的输入框，但您不需要使用背景，您可以考虑使用本地缓存setStorageSync。

总结要注意的要点：

1.反转搜索时间。

Unshift：在数组前插入数据并更改数组。

2.在搜索内容之前和之后添加空格。

String.trim（）; //删除

之前和之后的空格

3.最多缓存多少个搜索记录。

//如果有超过8个搜索记录，请删除最旧的

if（searchData.length＆gt;=8）searchData.pop（）;

//pop：删除数组的最后一个元素。

4.输入搜索记录已有的内容。

//首先删除搜索记录，然后将元素添加到第一个地方

//如果搜索记录中有重复项，请执行删除操作

For（let i=0; i＆lt; searchData.length; i ++）{

if（searchData [i]==this.data.inputValue.trim（））{

searchData.splice（I，1）;

打破;

}

}

//添加搜索记录

searchData.unshift（inputValue.trim（））;

只上传了密钥代码，如果有错误，请检查并修改它，问题应该很小。

HiShop小程序工具提供多种类型的商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。

更多小程序开发案例，全部位于：http://www.hvihi.com/xiaocx/kaifa.html

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。