微信小程序：搜索组件 wxSearch

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yilovexing/article/details/81587779

微信小程序没有搜索功能的组件，我们可以使用输入框和按钮组件，或者使用 wxSearch 第三方组件

github地址：https://github.com/icindy/wxSearch

wxSearch

经过使用后发现这个组件还是很不错滴，优雅的微信小程序搜索框

一、功能

• 支持自定义热门key
• 支持搜索历史
• 支持搜索建议
• 支持搜索历史(记录)缓存

二、使用

将 wxSearch 文件夹整个拷贝到 utils 目录下

导入 wxml

<!-- 导入 wxSearch 搜索组件 -->
<import src="../../utils/wxSearch/wxSearch.wxml"/>
<template is="wxSearch" data="{{wxSearchData}}"/>

创建 wxml 模板

<!-- 搜索功能 -->
<view class="wxSearch-section">
  <view class="wxSearch-pancel">
    <input bindinput="wxSearchInput" bindfocus="wxSerchFocus" value="{{wxSearchData.value}}" class="wxSearch-input" placeholder="