更新记录
1.1(2020-12-17) 下载此版本
输入框内容变化的时候添加监听,并返回给inputchange事件里
1.0(2020-12-16) 下载此版本
1.0 创建插件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
搜索输入框+扫码
用于uniapp应用
使用方法
将static/img中的图片放入项目中
将searchiinput.vue 当作组件引入就行了
参数:
参数名 | 值 | 类型 |
---|---|---|
hassearchbtn | 是否有搜索按钮 | Boolean |
hasscanbtn | 是否有扫码按钮 | Boolean |
isfocus | 是否focus | Boolean |
hasgosearch | 是否跳转 | Boolean |
types | 0 | Number |
placeholder | 输入框placeholder | String |
gourl | /pages/scan/scan | String |
方法
@search Function 返回参数是输入框中的值 示例:
@search='searchEvent'
@inputchange='inputchange'
methods:{
searchEvent(inputval){
...
},
inputchange(inputval){
...
}
}
注意
扫码的我这里因为公司项目是扫的一个地址,所以我里面的值用code参数来获取的