vue 页面传值手机号隐藏

171 阅读 0 评论 113 点赞

我是靠谱客的博主顺心黑裤，这篇文章主要介绍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 页面传值 手机号隐藏