更新记录
1.0.0(2023-06-06)
下载此版本
初始化
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.4.9 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
<template>
<view>
<customer-search :maxSearchListLength="maxSearchListLength" :recommendTabValueName="recommendTabValueName"
:recommendTabShowName="recommendTabShowName" :recommendList="recommendList" @search="handleSearch"
@cancel="handleCancel" @recommend="handleRecommend"></customer-search>
</view>
</template>
<script>
export default {
data() {
return {
maxSearchListLength: 10, // 历史搜索最大数量
recommendTabShowName: 'label',
recommendTabValueName: 'value',
recommendList: [{
value: 1,
label: '智能手表'
}]
}
},
created() {},
methods: {
/**
* 搜索
*/
handleSearch(searchValue, searchItem) {},
/**
* 点击取消
*/
handleCancel() {},
/**
* 点击更新推荐
*/
handleRecommend() {}
},
}
</script>
需依赖插件,请先安装以下插件
标签插件:tag-list
uni-ui的uni-search-bar插件:uni-search-bar
参数 |
类型 |
默认值 |
描述 |
maxSearchListLength |
Number |
10 |
历史搜索最大存储数量 |
recommendList |
Array |
[] |
搜索推荐列表 |
recommendTabShowName |
String |
'label' |
搜索推荐展示字段名 |
recommendTabValueName |
String |
'value' |
搜索推荐展示值字段名 |
@search |
Function |
null |
搜索触发 |
@cancel |
Function |
null |
搜索栏点击取消 |
@recommend |
Function |
null |
搜索栏点击更新搜索推荐 |