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://jkwzsj.com/article/gppoj.html