美文网首页
vue js 设置手机号中间四位显示*,全局js

vue js 设置手机号中间四位显示*,全局js

作者: 郝艳峰Vip | 来源:发表于2019-11-27 11:03 被阅读0次

    前沿


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

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

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

    export function starPhone(phoneNum){
       let str =  String(phoneNum),
       strLen = str.slice(-7,-3);
       return str.replace(strLen,"****");
    }
    

    然后在main.js中将这个js注册到全局就可以了

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

    相关文章

      网友评论

          本文标题:vue js 设置手机号中间四位显示*,全局js

          本文链接:https://www.haomeiwen.com/subject/vxxpwctx.html