el-input限制输入整数的位数,小数点位数

12 篇文章 0 订阅
11 篇文章 1 订阅
<el-form-item
	label="金额"
	prop="money"
	:rules="moneyRules"
>
	<el-input
		v-model.number="objForm.money"
		placeholder="请输入"
		@input="limitNum($event)"
		clearable
	>
		<template slot="append">万元</template>
	</el-input>
data中
moneyRules: [
	{ required: true, message: '不能为空' },
	// 9位整数,两位小数
	{ pattern: /(^[\d]|^[1-9][\d]{0,8})($|[\.][\d]{1,2}$)/, message: '格式不正确', trigger: 'blur' }
],


methods中
limitNum(value) {
		this.objForm.money = limitNumTool(value, 9)
},



utils/tools.js中
// 限制数字的位数
export function limitNumTool(value, figure) {
	// 若使用正则中加入变量
	let reg = new RegExp('^\\d*(\\.?\\d{0,' + figure + '})', 'g') // /^\d*(\.?\d{0,2})/g
    let str =
        ('' + value)                       // 转成字符串
            .replace(/[^\d^\.]+/g, '')     // 把不是数字,不是小数点的过滤掉
            .replace(/^0+(\d)/, '$1')	   // 第一位0开头,0后面为数字,则过滤掉,取后面的数字
            .replace(/^\./, '0.')          // 如果输入的第一位为小数点,则替换成 0. 实现自动补全
            .match(/^\d*(\.?\d{0,2})/g)[0] || ''      // 最终匹配得到结果 以数字开头,只有一个小数点,而且小数点后面只能有0到2位小数
    if (str.indexOf('.') > -1) {
        // 小数后两位
        str = str.slice(0, Number(figure) + 3)
    } else {
        str = str.slice(0, figure)
    }
    return str
}

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值