2021-04-25 (15) 手机号做脱敏 加密展示

可以在main.js 里面使用vue的filter功能进行脱敏展示,前三后四,中间用星号代替

下面为脱敏逻辑的代码

Vue.filter('phone', function (value) {
if (!value) return '';
let str = value;
str = str.toString().replace(/^(\d{3})(\d{4})(\d{4})/g , '1****3')
return str;
})

table表格或者fom表单里面使用{{ form.phone | phone }} 这样页面就是展示 前三位和后四位,中间是***了,但是打开控制台的时候用户还是可以看到数据的,大部分由后台做处理,前端只做展示

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 1,076评论 0 1
  • jquery介绍 jQuery是目前使用最广泛的javascript函数库 据统计,全世界排名前100万的网站,有...
    就是这么帅_567e阅读 1,215评论 0 0
  • 前言 在项目中经常会遇到时间戳转换,手机号、身份证号脱敏,状态的转换等,如果不复用会存在很多问题: 一、维护困难 ...
    Avery_G阅读 795评论 0 1
  • Vue Vue是一个前端js框架,由尤雨溪开发,是个人项目 Vue近几年来特别的受关注,三年前的时候angular...
    hcySam阅读 301评论 0 0
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    迷月闪星情阅读 10,616评论 0 11