利用vant UI 数字键盘做金额输入键盘

先上效果

vant UI 数字键盘是比较通用的，往往需要根据实际业务需要进行相应整改，比如金额输入：

1、小数点不能再最前面；

2、保留小数点后两位；

3、不允许出现多于1位的小数点；

4、不允许前面出现两个0

下面开整：

<template>
    <div>
        <van-field readonly label="￥" clickable :value="value1" @touchstart.native.stop="show = true" />
        <van-number-keyboard theme="custom" :show="show" :title="'￥'+value1" :hide-on-click-outside="false" :maxlength="maxlength" extra-key="." @input="handleInput"  @delete="handleDelete" @close="handleClose"  close-button-text="确定"  @blur="show = false" ></van-nu