mand-mobile/components/number-keyboard

title	preview
NumberKeyboard	https://didi.github.io/mand-mobile/examples/#/number-keyboard

Generally used for financial scenarios such as password, verification code or payment amount input

Import

import { NumberKeyboard } from 'mand-mobile'

Vue.component(NumberKeyboard.name, NumberKeyboard)

Code Examples

API

NumberKeyboard Props

Props	Description	Type	Default	Note
v-model	display keyboard or not	Boolean	false	-
is-view	inline display in page, otherwise it shows as Popup	Boolean	false	-
type	keyboard type	String	professional	professional with confirmation key and decimal point is often used for price or amount input, simple is generally used for password or verification code input
disorder	if numeric keys of keyboard are out of order	Boolean	false	-
is-hide-confirm	automatically hide the keyboard when confirming	Boolean	true	-
text-render	customize value of specified key	Function(value: string): string	-	replaceable key 0,1,...9,.,0,002.7.0+
ok-text	text of confirmation key	String	confirm	-
disabled 2.6.0+	to disable the keyboard	Boolean	false	-
duplicate-zero 2.6.0+	show 00 key	Boolean	false	This props is valid only when type is professional

NumberKeyboard Slots

default

<md-number-keyboard>
  <md-icon name="security"></md-icon>&nbsp;安全支付
</md-number-keyboard>

NumberKeyboard Methods

show()

Display keyboard

hide()

Hide keyboard

NumberKeyboard Events

@enter(val)

Click numeric key

Props	Description	Type
val	value	Number

@delete()

Click delete key

@confirm()

Click confirmation key