0.0.22 • Published 4 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文字时触发 | - |