0.0.22 • Published 5 years ago
@retailwe/ui-search v0.0.22
search 搜索框
引入
全局引入,在 miniprogram 根目录下的app.json中配置,局部引入,在需要引入的页面或组件的index.json中配置。
// app.json 或 index.json
"usingComponents": {
"wr-search": "@retailwe/ui-search/index"
}代码演示
<wr-search
bind:change="onChange"
bind:clear="onClear"
keyword="{{key}}"
></wr-search>Page({
data: {
key: '',
},
onChange: function(e) {
var value = e.detail.value;
this.setData({ key: value });
},
onClear: function() {
this.setData({ key: '' });
},
});search Props
| 参数 | 说明 | 类型 | 默认值 | 版本 | |
|---|---|---|---|---|---|
| keyword | 值 | string | - | - | |
| placeholder | 占位符 | string | - | - | |
| disabled | 是否为禁用状态 | boolean | false | - | |
| actionText | 自定义右侧cancel文字 | boolean | - | - | |
| userAction | 是否隐藏右侧cancel文字 | boolean | - | - | |
| focus | 是否聚焦 | boolean | - | - | - |
search Event
| 事件名 | 说明 | 参数 |
|---|---|---|
| bind:change | 值发生变化时触发 | - |
| bind:clear | 点击清除时触发 | - |
| bind:submit | 点击完成时时触发 | - |
| bind:cancel | 点击右侧cancel文字时触发 | - |