vue 隐藏传参属性,刷新参数不消失的路由传参方法(斜杆 / 传参方法)

vue框架中常见的路由传参就是通过prams和query 这两种,我这边就不说了,这边要介绍一下比较少见但是很实用的传参方法,平时其他网站是不是都有 xxxx/123 这样的后缀路径,其实vue框架也提供了这种方法。
在路由表中设置

    routes: [
        { path: '/home/:id/:name', component: home},   //直接在路由规则后面放上/:id表示是占位符
        { path: '/resgiest', component: resgiest }
      ],

然后直接通过传参

     this.$router.push({path: '/login/123/abc'})
     在其home组件里面通过
     this.$route.params.name 和 this.$route.params.id 获取对应的参数

这样做的好处就是隐藏传参属性,别人不知道 /login/123/abc 里面123的属性名是什么,同理,这样做刷新界面后,路径依然存在,所以传参也会保留

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值