Vue 实现银行卡隐藏中间的数字（*号代替）

最新推荐文章于 2023-06-28 10:03:17 发布

程序媛之进击的菜鸟

最新推荐文章于 2023-06-28 10:03:17 发布

阅读量647

点赞数

文章标签： vue.js 前端 javascript elementui

本文链接：https://blog.csdn.net/weixin_53884488/article/details/128613473

版权

1.
 var reg = /^(\d{4})\d+(\d{4})$/;
      let bankCard = row.payeeNumber;
      console.log(bankCard.replace(reg, "$1 **** **** $2"));

 payeeNumber: row.payeeNumber.replace(reg, "$1 **** **** $2"),



2.

 <label>{{orderInfo.payeeNumber | hideMiddle}}</label>
  filters: {
    hideMiddle(val) {
      if (val.length > 8) {
        return `${val.substring(0, 4)}**** ****${val.substring(val.length - 4)}`
      } else {
        return ''
      }
    },

  },