微信小程序使用wxs实现手机号用****代替(超详细)

很多人不知道怎么写,应该放在哪儿

这里我给大家看看我的结构,仅供参考,具体还看你的想法

这里我新建了一个与pages同级的sub文件夹,里面创建了subutil.wxs文件

subutil.wxs

/**
 * 处理字符串为*格式, 中间显示自定义*号
 * str 需要处理的字符串
 * startLength 前面显示的字符串长度
 * endLength后面显示的字符串长度
 */

var sub = function(str, startLength, endLength) {
  if(str.length == 0 || str == undefined) {
    return "";
  }
  var length = str.length;
  if(length >= startLength + endLength) {
    // 判断当字符串长度为二时, 隐藏末尾
    if(length === 2) {
      return str.substring(0, 1) + '*';
    }
    else if(3 <= length && length <= 10) {
      return str.substring(0, 1) + '**';
    }
    // 判断字符串长度大于首尾字符串长度之和时, 隐藏中间部分
    else if(length >= 11) {
      return str.substring(0, startLength) + '****' + str.substring(length - endLength, length);
    } else {
      return str
    }
  }
}

module.exports = {
  sub: sub
}

wxs完成之后我们就可以在wxml中引用了

<wxs module="tools" src="../../../sub/subutil.wxs"></wxs>
<view class="right">{{tools.sub(phone, 3, 4)}}</view>

用自己的文件路径

phone是自己在js中定义的字符串

看看吧

最后看一下实现的效果

 

有什么问题可以加群了解一下

 

QQ群:  1102727334