微信小程序 -wxs实现手机号码以及身份证号中间四位显示为*号 明文加密 以及vue项目的明文加密

微信小程序:

效果图:

直接在WXML里面写即可:

        var toHide = function(array) {var mphone = array.substring(0, 3) + '****' + array.substring(7);return mphone;}module.exports.toHide = toHide;var toHide = function(array) {var mphone = array.substring(0, 4) + '***********' + array.substring(15);return mphone;}module.exports.toHide = toHide;

在页面熬使用的地方直接添加该方法:

 {{idCard.toHide(item.cardNumber)}}{{phone.toHide(item.mobilePhone)}}

后期发现报错:

这时候需要对wxs进行编辑

加上if(array!=undefined){}就可以了

       var toHide = function(array) {if(array!=undefined){var mphone = array.substring(0, 3) + '****' + array.substring(7);return mphone;}}module.exports.toHide = toHide;var toHide = function(array) {if(array!=undefined){var mphone = array.substring(0, 4) + '***********' + array.substring(15);return mphone;}}module.exports.toHide = toHide;

vue项目:

使用过滤器:

  filters: {hidden: function (value) {if (!value) return ''value = value.toString()return `${value.substring(0,3)}****${value.substring(7)}`}},

HTML中直接这样写即可

{{mobile | hidden}}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！