更新记录
1.0.0(2023-09-18)
下载此版本
初始版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
pc-Inputbox
参数说明
参数 |
类型 |
必填 |
说明 |
默认值 |
v-model |
String |
是 |
输入框绑定值 |
- |
data |
Array |
否 |
下拉快捷选项的一维数组 |
- |
text |
Array |
否 |
输入框默认循环提示信息 |
- |
方法说明
方法名称 |
说明 |
返回值类型 |
focus |
输入框获取焦点 |
- |
blur |
输入框失去焦点 |
- |
trigger |
点击提示栏的信息时触发,返回信息字段 |
String |
使用示例
<template>
<view>
<pc-Inputbox v-model="keyword" :data="data" :text="text" @focus="focus" @blur="blur" @trigger="trigger"/>
</view>
</template>
<script>
export default {
data(){
return{
keyword:'',
data:['山海恋','最美乌镇','月亮桥','山海里的山海世界','山海世界','水源酒店','云游山海','温泉湖','山海的山','艺稻无极','彩虹桥','武功山','穿越山海','我的山海最伟大'],
text:['山海恋','最美乌镇','月亮桥']
}
},
methods:{
focus(){
console.log('输入框获取焦点')
},
blur(){
console.log('输入框失去焦点')
},
trigger(name){
// name 为当前点击快捷选项的文字
console.log('点击提示栏',name)
}
}
}
</script>