NumberKeyboard 数字键盘

弹出式数字输入面板，支持随机按键、标题和最大长度

弹出式数字输入面板，支持随机按键和标题

演示

9:41

代码示例

<!-- 操作 -->
  <re-button theme="primary" @click="showKeyboard = true">打开数字键盘</re-button>

<!-- 事件日志 -->
  <re-number-keyboard :key="current" :visible="showKeyboard" :title="currentConfig.title" :value="currentConfig.value" :maxlength="currentConfig.maxlength" :randomKeys="currentConfig.randomKeys" @update:visible="onUpdateVisible" @input="onInput" @delete="onDelete" @confirm="onConfirm" @close="onClose" />

引入

推荐使用 easycom 模式，配置后无需手动 import 即可直接使用 <re-number-keyboard />。

API

NumberKeyboard Props

名称	类型	默认值	描述	必传
visible	`boolean`	false	是否显示数字键盘	N
value	`string \| number`	""	当前输入值	N
maxlength	`number`	0	最大输入长度，0表示不限制	N
randomKeys	`boolean`	false	是否随机按键顺序	N
title	`string`	""	标题	N
customStyle	`string`	""	自定义样式	N

NumberKeyboard Events

名称	参数	描述
input	value: string	输入时触发
delete	value: string	删除时触发
confirm	value: string	确认时触发
close	-	关闭时触发
update:visible	value: boolean	显隐变化时触发

NumberKeyboard Slots

名称	描述
-	-

Invoice 发票

发票信息录入组件，支持发票类型、抬头、税号和内容选择

Picker 选择器

用于从列数据中选择值，支持多列联动和自定义标题

内容锚点

演示
代码示例
引入
API