真简单 vue element项目 手机号中间四位变星号 例如：138xxxx7788 一招搞定

先看案例 如何把接口返回的数据渲染到页面中 中间四位变成星号****

如何把图中手机号中的四位数字变成****号 我只演示一次🤣🤣

在标签中

<div class="">{{ mainaccount }}</div>
<div class="">已绑定手机{{ mainphone }}</div>

在return中定义两个字段

 return {
      /* 主账号 */
      mainaccount: "",
      /* 手机号 */
      mainphone: "",
    };

在methods中 对你要进行变星号的数据进行处理 

 this.mainaccount = data.account.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");

 this.mainphone = data.phone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");

 async getUserList() {
      const result = await userInfo();
      if (result.code === 200) {
        const data = result.data;
        this.mainaccount = data.account.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
        this.mainphone = data.phone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
        console.log(this.mainaccount, 99);
        console.log(this.mainphone, 8899);
      }
    },

温馨提示：如果以上方法尝试过了，问题还没解决的朋友，如果您不嫌弃，欢迎评论或者私信联系，我会第一时间与您取得联系，和您一起探讨解决问题！绝不收取任何咨询费用！

关键词搜索优化（与文章无关）：

如何把接口返回的数据渲染到页面中 中间四位变成星号****

如何把图中手机号中的四位数字变成****号