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的属性名是什么,同理,这样做刷新界面后,路径依然存在,所以传参也会保留

Logo

前往低代码交流专区

更多推荐