vue 页面传值手机号隐藏

59 阅读 0 评论 39 点赞

我是靠谱客的博主顺心黑裤，最近开发中收集的这篇文章主要介绍vue 页面传值手机号隐藏，觉得挺不错的，现在分享给大家，希望可以做个参考。

分享给大家：

1.路由main.js

{
path: '/register-success/:user_name',
name: 'register-suc',
component: RegisterSuccess
}

在注册的页面，带参数

self.$router.push({name: 'register-suc', params: {user_name: this.user_name}})

在注册成功页面去参数

created() {
this.user_name = this.$route.params.user_name
}

然后直接在页面上取

{{user_name}}

2.使用vue隐藏手机中间四位数字

使用vue.filter

Vue.filter('toTel', function (value) {
let start = value.slice(0, 3)
let end = value.slice(-4)
return `${start}****${end}`
})

然后页面取值

{{mobile | toTel}}

哈哈哈，完成啦

以上就是顺心黑裤为你收集整理的vue 页面传值手机号隐藏的全部内容，希望文章能够帮你解决vue 页面传值手机号隐藏所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

vue 页面传值 手机号隐藏