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}}

哈哈哈，完成啦