Vue项目中手机号脱敏(星号代替)
最近接到一个需求,身份敏感信息只显示前面两位和后面两位,中间其他部分进行打码,就在全局搞了一个过滤器1、在main.js中进行全局过滤Vue.filter('replacestar', function (value) {if (!value) return '';let str = value;str = str.replace(new RegExp("[^0-9]+","g"),"")if(s
·
最近接到一个需求,身份敏感信息只显示前面两位和后面两位,中间其他部分进行打码,就在全局搞了一个过滤器
1、在main.js中进行全局过滤
Vue.filter('replacestar', function (value) {
if (!value) return '';
let str = value;
str = str.replace(new RegExp("[^0-9]+","g"),"")
if(str.length==11){
str = str.toString().replace(/(\d{2})\d*(\d{2})/ , '$1*******$2')
}else {
str = str.toString().replace(/(\d{2})\d*(\d{2})/ , '$1*********$2')
}
return str;
})
2、在需要使用的页面进行直接调用
<view style="height: 32rpx;font-size: 28rpx;color: #FFFFFF;">
{{personcpf | replacestar}}
</view>
3、页面显示效果
18*******11
4、你已经成功了 撒花
更多推荐
已为社区贡献8条内容
所有评论(0)