wpy框架下封装一个简单小程序搜索组件

属性	类型	默认值	说明
:placeholder	String	输入需要搜索的内容	输入框为空时占位符
:inputValue	String		输入框中的客户输入的内容
@search.user	EventHandle		点击输入框 输入后 调出的键盘右下角搜索按钮触发
@disSearch.user	EventHandle		搜索结束后点击输入框中的叉号icon触发清空搜索框

示例代码：

注：

• 1，输入的值被搜索组件收集之后，通过:inputValue传递给页面，页面可以在data中声明一个属性进行搜集，
• 2，输入值之后键盘在拉起状态下右下角的按钮被设置成了搜索，此时组件的搜索事件通过 @search.user暴露出来供使用者绑定自己的方法
• 3，搜索结束后为了组件内清空输入框并把页面状态返回原来的状态，此时使用@disSearch.user方法进行触发
• 4，叉号icon的出现和隐藏是通过在组件内判断:inputValue是否为空来进行触发
• 5,两个String属性需要在data中声明才能使用并更改，两个方法必须写在methods

搜索组件源码：