先上效果
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