vue----只能输入正整数和两位小数的金额输入

想你的风吹到了瑞士

已于 2023-11-10 10:19:45 修改

阅读量652

点赞数 1

文章标签： vue.js

于 2022-11-29 11:24:19 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_36617251/article/details/128094574

版权

//整数
<el-input-number v-model="num" :step="1" step-strictly :min="0"></el-input-number>
num:1

<el-input  @input="inputAlter()"  type="text" v-model="goodsPrice"></el-input>
//正整数
inputAlter(){
    this.goodsPrice = this.goodsPrice.replace(/\D|^0/g,'')
}
//10位正整数：inputAlter() + maxlength="10"
inputAlter(){
    this.goodsPrice = this.goodsPrice.replace(/\D|^0/g,'')
}
//金额两位小数
inputAlter(){
    this.goodsPrice = this.goodsPrice.match(/^\d*(\.?\d{0,2})/g)[0]
}

想你的风吹到了瑞士

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue----只能输入正整数和两位小数的金额输入

【代码】vue----只能输入正整数和两位小数的金额输入。
复制链接

扫一扫

想你的风吹到了瑞士

博客等级

码龄8年

52
原创

167
点赞

473
收藏

64
粉丝

关注

私信

热门文章

分类专栏

最新评论

vue----单选多选按钮切换
想你的风吹到了瑞士: 小例子：4种写法一致的 // 第一种写法 const type1: [{ name: string }] = [{ name:'1' }]; // 第二种写法 const type2: { name: string }[] = [{ name:'1' }]; // 接口定义 interface N { name: string; } // 第三种写法 const type3: Array<N> = [{ name: '1'}]; // 第四种写法 const type4: N[] = [{ name: '1' }]; DictForm代表formData值的类型，也可以写为const formData：DictForm =reactive<DictForm>({}） const formData = reactive<DictForm>({ status: 1, typeCode: props.typeCode, sort: 1, });
vue---子组件修改父组件的值
CSDN-Ada助手: 不知道 Vue入门技能树是否可以帮到你：https://edu.csdn.net/skill/vue?utm_source=AI_act_vue
es6---reduce使用
CSDN-Ada助手: 哇, 你的文章质量真不错，值得学习！不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)增加除了各种控件外，文章正文的字数；(2)增加条理清晰的目录；(3)使用更多的站内链接。
TypeScript 非空断言
CSDN-Ada助手: 恭喜你这篇博客进入【CSDN每天值得看】榜单，全部的排名请看 https://bbs.csdn.net/topics/617000525。
Treeselect树形组件下拉树组件样式修改
想你的风吹到了瑞士: 你确定？是不是style 没有 scoped 还是其他样式影响了

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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