liu-search适用于uni-app项目的搜索模版
本组件目前兼容微信小程序、H5
本组件是简单好用的搜索模版,自带历史搜索、热门搜索,历史搜索自带缓存,源码简单易修改
如使用过程中有问题或有一些好的建议,欢迎qq联系:2364518038
使用方式
<liu-search :hotList="hotList" @input="input" @change="change"></liu-search>
export default {
data() {
return {
hotList: ['白酒', '苹果醋', '红酒', '笔记本', '洗衣液', '平板电脑', '电视机'],//热门搜索
};
},
methods: {
//搜索内容
change(e) {
console.log('搜索内容:' + e)
},
//input事件
input(e){
console.log('搜索框输入的内容:' + e)
}
}
}
属性说明
名称 |
类型 |
默认值 |
描述 |
hotList |
Array |
[] |
热门搜索数据 |
placeholder |
String |
'请输入' |
输入框placeholder |