vue手机、姓名等掩码

方法是死的，但是头脑是灵活的。要根据已知的方法，完成不同的需求哦~

手机掩码：

<span>{
   
   { phone|hidePhone }}</span>	

filters: {
  hidePhone(val) {
    if (val) {
      return `${val.substring(0, 3)}*****${val.substring(val.length - 3)}`;
    }
  }
}    

---

姓名/公司名称掩码：

//不超过12位只显示第一位加*（后面隐藏多少个字多少个*），超过12位显示第一位加***********
<span>{
   
   { name | hideName }}</span>

filters: {
 hideName(val) {
   if (val.length <= 12) {
     return `${val.substring(0, 1).padEnd(val.length, "*")}`;
    } 
   else {
      return `${val.substring(0, 1)}***********`;
    }
  }
}   

---

内容超过x个字掩码

//内容超过20个字显示...
<span>{
   
   { content | hideContent}}</span>

filters: {
  hideContent(val) {
    if (!val) return "";
    if (val.length > 20) {
        return val.slice(0, 20) + "...";
      }
      return val;      
    }
}