vue计算属性实现姓名、手机号脱敏

实现结果：

姓名脱敏规则：

        姓名两个字=>显示姓,名用*代替

        姓名三个字=>显示第一位和第三位,第二位用*代替

        姓名大于四个字=>第二位第三位*号代替,其余正常显示

手机号脱敏规则：

        仅显示前三位及后四位数字，隐藏信息用*代替

页面标签:

	真实姓名
	{{ acturalname }}



	绑定手机号
	{{ phoneNumbe }}

data数据源:

data() {
	return {
		phone: '12345678910',
		name: '张三'
	};
},

计算属性:

computed: {
	phoneNumbe() {
		// 手机号仅显示前三位及后四位数字，隐藏信息用*代替
		return this.phone.substr(0, 3) + '****' + this.phone.substring(7);
	},
	acturalname() {
		if (this.name.length == 2) {
			//截取name 字符串截取第一个字符，
			return this.name.substring(0, 1) + '*';
		} else if (this.name.length == 3) {
			//截取第一个和第三个字符
			return this.name.substring(0, 1) + '*' + this.name.substring(2, 3);
		} else if (this.name.length > 3) {
			//截取第一个和大于第4个字符
			return (
				this.name.substring(0, 1) + '*' + '*' + this.name.substring(3, this.name.length)
			);
		}
	}
},