vue中Element-ui输入银行账号每四位加一个空格的实现代码-创新互联
一、问题描述:
站在用户的角度思考问题,与客户深入沟通,找到绿园网站设计与绿园网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、网站设计、企业官网、英文网站、手机端网站、网站推广、空间域名、网站空间、企业邮箱。业务覆盖绿园地区。我们在输入银行账号会设置每四位添加一个空格,输入金额,每三位添加一个空格。那么,在vue,element-ui 组件中,如何实现呢?
二、效果图:
三、实现代码:
// 输入银行卡号 validateNum (index) { this.setNum(this.supplierObjs.supplierBankAccount, index) }, // 设置银行卡号,每四位添加一个空格 setNum (data, index) { data.forEach((element, i) => { element.account = element.account.replace(/\s/g, '').replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 ') this.$set(element, 'account', element.account) }) },
当前文章:vue中Element-ui输入银行账号每四位加一个空格的实现代码-创新互联
网页路径:http://ybzwz.com/article/gppoj.html