# NumberKeyBoard 数字键盘
# 引入说明
TIP
import KeyBoard from "jimoui/components/KeyBoard/KeyBoard";
1
# 代码演示
TIP
<KeyBoard
ref="KeyBoard"
:showFlag="showFlag"
:upsetStatus="upsetStatus"
:position="'fixed'"
@onChanged="onChanged"
/>
<KeyBoard
ref="KeyBoard"
:showFlag="keyBoardStatus"
:upsetStatus="upsetStatus"
:decimalStatus="true"
:sureBtnText="'付款'"
:position="'fixed'"
:numberLength="10"
:decimalPlaces="3"
@onChanged="onChanged"
@bindSubmit="bindSubmit"
/>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# 属性
配置 | 用途 | 取值 | 使用描述 |
---|---|---|---|
showFlag | 组件显示状态 | Boolean | 默认false,不展示 |
isHasSafeBottom | 是否有底部安全区 | Boolean | 默认false,不展示 |
upsetStatus | 数字是否乱序展示 | Boolean | 默认false,正序 |
position | 定位状态 | String | 默认relative |
decimalStatus | 是否支持输入小数 | Boolean | 默认false,不支持 |
numberLength | 可输入数值长度 | Number | 默认0,0为不限制数值长度 |
decimalPlaces | 支持输入小数点后几位 | Number | 默认2,支持输入小数时生效 |
sureBtnText | 键盘按钮文案 | String | 默认"确认" |
sureBtnBgColor | 键盘按钮背景色 | String | 默认"#FF6D09" |
@onChanged | 数字变化回调 | Number | 回调的参数1:输入数字的列表 Array(Object) 回调的参数2:输入数字的字符串 String |
@bindSubmit | 点击键盘按钮回调 | Number | 回调的参数:输入数字的字符串 String |