更新记录
1.0.0(2020-04-27)
1.0.0
[ 2020-04-27 ]
- 支持输入数字+字母的键盘
- 支持输入车牌号首字母的键盘
- 可以自行拓展键盘
平台兼容性
使用说明
参数 | 默认值 | 说明 |
---|---|---|
show | 无 | 是否展示键盘 |
value | '' | 初始化显示的值 |
defaultType | 0 | 键盘类型, 0:数字字母键盘, 1:车牌号首字母 |
convert | true | 是否可以切换键盘 |
// 第一步: 引入组件
import maplemeiKeyboard from '../../components/maplemei-keyboard/maplemei-keyboard.vue'
export default {
components: {
maplemeiKeyboard
},
data() {
return {
carno: {
value: '',
show: false,
}
}
},
methods: {
carnoTap(){
this.carno.show = true;
},
carnoSubmit(val){
this.carno.value = val;
}
}
}
//第二步: 页面使用
<template>
<view class="content">
<view style="padding: 20upx;">
<view>车牌号</view>
<input @tap="carnoTap" class="input" type="text" :value="carno.value" disabled placeholder="请输入车牌号" />
</view>
<!-- 键盘 -->
<maplemei-keyboard
:show="carno.show"
:value="carno.value"
@submit="carnoSubmit"
@close="carno.show = false"
:defaultType="1"
></maplemei-keyboard>
</view>
</template>