通過Vue的過濾器實現資料的資料脫敏

辣條小哥哥發表於2020-10-12

實現效果:
在這裡插入圖片描述

 <p>你的手機號為:{{input | deseHandler(4,4,"*")}}</p>


  filters: {
    deseHandler: function (str, frontLen, endLen, wildcard) {
      if (!str) {
        return "--";
      } else if (str.length < 9) {
        return str;
      } else {
        var len = str.length - frontLen - endLen;
        var xing = "";
        for (var i = 0; i < len; i++) {
          xing += wildcard;
        }
        return (
          str.substring(0, frontLen) + xing + str.substring(str.length - endLen)
        );
      }
    },
  },

相關文章