更新记录

1.1.0(2023-12-11)

增加placeholder属性

1.0.0(2023-12-08)

初始版本


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

pc-oninput

参数说明

参数 类型 必填 说明 默认值
v-model String 绑定值 -
icon String 输入框左侧图标,请参考uni-icons v3.1.1图标 -
type String 输入框类型,text或者number text
clearable Boolean 是否可清空 false
maxlength String / Number 最大输入长度 -
display Boolean 是否显示当前内容长度(maxlength必须被定义) true
data Array 可能被提示的所有内容的一维数组 -
placeholder String 输入框提示文字 -

方法说明

方法名称 说明 返回值类型
focus 获取焦点事件 -
blur 失去焦点事件 -
change 内容发生改变时触发事件 String

使用示例

<template>
    <view>
        <pc-oninput v-model="keyworder" :data="datalist"></pc-oninput>
    </view>
</template>

<script>
    export default {
        data(){
            return{
                keyworder:'',
                datalist:[
                    "三全鲜食(北新泾店)",
                    "Hot honey 首尔炸鸡(仙霞路)",
                    "新旺角茶餐厅",
                    "泷千家(天山西路店)",
                    "胖仙女纸杯蛋糕(上海凌空店)",
                    "贡茶",
                    "豪大大香鸡排超级奶爸",
                    "茶芝兰(奶茶,手抓饼)",
                    "十二泷町",
                    "星移浓缩咖啡",
                    "阿姨奶茶/豪大大",
                    "新麦甜四季甜品炸鸡",
                    "Monica摩托主题咖啡店",
                    "浮生若茶(凌空soho店)",
                    "NONO JUICE  鲜榨果汁",
                    "CoCo都可(北新泾店)",
                    "快乐柠檬(神州智慧店)",
                    "Merci Paul cafe",
                    "猫山王(西郊百联店)",
                    "枪会山",
                    "纵食"
                ]
            }
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问