NumberKeyboard 数字键盘 APP
该方法或组件支持移动端小程序调用

PC
该方法或组件支持桌面端小程序调用

模拟数字键盘，可用于数字格式或密码输入。

引入方式

数字生活小程序工程中，不需要 import，直接使用组件标签即可。

import {NumberKeyboard} from '@21cnfe/vui'
Vue.component('NumberKeyboard', NumberKeyboard)

代码演示

NumberKeyboard 数字键盘 numberKeyboard

基本用法

<input class="input" id="input_0" v-model="value_0" placeholder="请聚焦输入框弹出数字键盘" readonly="readonly" />
<NumberKeyboard v-model="value_0" bind="input_0" />

API

属性	说明	类型	默认值
`v-model`	当前输入的值	String	Number
`bind`	需要绑定的 `input` 的id	String	`''`
`color`	键盘主题色	String	`#333333`
`type`	键盘类型，`hasDot` 表示小数键盘	String	`''`
`transition`	加载动画	Boolean	`true`
`random`	键盘数字位置随机	Boolean	`''`

方法

事件名称	说明
`init`	初始化键盘
`show`	显示键盘
`hide`	隐藏键盘

1. NumberKeyboard 数字键盘 APP 该方法或组件支持移动端小程序调用 PC 该方法或组件支持桌面端小程序调用

NumberKeyboard 数字键盘 APP 该方法或组件支持移动端小程序调用 PC 该方法或组件支持桌面端小程序调用

引入方式

代码演示

API

方法

NumberKeyboard 数字键盘 APP
该方法或组件支持移动端小程序调用

PC
该方法或组件支持桌面端小程序调用