微信小程序使用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