更新记录
1.1(2020-12-17) 下载此版本
输入框内容变化的时候添加监听,并返回给inputchange事件里
1.0(2020-12-16) 下载此版本
1.0 创建插件
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
搜索输入框+扫码
用于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参数来获取的