vue+vant 输入框只允许输入数字,并且保留两位小数

vue+vant 输入框只允许输入数字,并且保留两位小数

     <van-field
          v-model="formData.consumeOil"
          label="消耗油量(L)"
          placeholder="请输入消耗油量"
          type="number"
          required
          :rules="[{ validator, message: '最多输入两位小数' }]"
        />

因为根据api提示,校验只返回true或者false,所以需要用正则去判断

 // 检验
    validator(v) {
      return /^(\d+)(\.\d{1,2})?$/.test(v.toString()); //只能输入两个小数
    },

还可以判断不限制是正数还是负数,但只能保留两位小数

/^-?\d+(\.\d{1,2})?$/.test(val)