vue js 设置手机号中间四位显示*，以及对数字做千分位处理

前沿

---

这里是全局的设置，方便以后使用，做个笔记。

具体的设置全局组件和全局js请移步关于vue全局引用公共的js和公共的组件的折腾

首先，在你公共的文件夹下components中新建一个文件夹，取名为commonJs,在里边新建index.js

/**
 * describe:  手机号中间四位显示*
 * name:郝峰vip
 */
export function starPhone(phoneNum){
   let str = String(phoneNum);
        var reg = /^(\d{3})\d{4}(\d{4})$/;
        str = str.replace(reg, "$1****$2");
        return str;
}
/**
 * describe:  数字千分位
 * name:郝峰vip
 */
export function ThousandthPercentile(num) {
  if (num === null) {
    return num = 0;
  } else {
    if (num != undefined) {
      return num = num.replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,');
    }
  }
}

第一种：全局js ---------- 然后在main.js中将这个js注册到全局就可以了

{starPhone} 这里可以写多个，使用逗号分隔开，具体看你commonJs里边写多少个方法了。
import {starPhone} from './components/index'
Vue.prototype.$starPhone = starPhone;
//然后在使用页面直接this.$starPhone()引用就可以了。

第二种：单页引用的js

    <el-table-column
                  prop="merchantAvailableAmount"
                  :label="$t('language.finance.RemainingUnpaidUSD')"      //做国际化的
                  align="center"
                >
                  <template slot-scope="scope">
                       //这里是在页面中直接使用
                    <span>{{ThousandthPercentile(scope.row.merchantAvailableAmount)}}</span>
                  </template>
                </el-table-column>
import {  ThousandthPercentile} from "@/components/index";
export default {
  data() {
    return {
           
    };
  },
methods:{
        ThousandthPercentile,  
     }
}