Vue【原创】千位符输入框(不仅只是过滤器哦)
阅读原文时间:2023年08月24日阅读:2

最近和一个做金融的朋友讨论到千位符输入的问题,后来一想貌似自己项目中也会经常碰到金额数字这种输入框,要么自己做一个吧。

首先肯定要有一个正则表达式,也就是过滤器的方案里面常用的正则:

1 filters: {
2 _toThousandFilter(str, that) {
3 return that._toNormal(str).replace(/(^|\s)\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','));
4 }
5 }

这个是基于el-input做的拓展,换其他的或者甚至原生的思路都一样,无非是要自己包装一个关于千位符的双向绑定,我这里都是做插件的形式封装,你也可以直接引用组件即可。

1
12
52
53

欢迎各路大佬指导、提问~

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章