请教vue动态路由怎么用?

Question

看了一下官方的文档有点没看懂，我如果用this.$router.push('/xx1/xx2')这种方式该怎么写？

浏览器地址能访问到这个路径但是页面没有出来，没搞懂这个该怎么写？

Answer 1

虽然还是没看懂你想干啥。两种方式:

1. 一种是组件复用，login作为上级路由，只有一个空的router-view，配两个子路由，tea和stu作为子路由都配login组件。

   path: '/login',
   component: xxxx,
   children: [
       {
           path: 'teaxxxx',
           component: Login
       },
       {
           path: 'teaxxxx',
           component: Login
       }
   ]

2. 是使用params参数（文档是有写的）

   {
       path: '/login/:type', 
       name: 'login'
       component: Login
   }

   在login组件内使用this.$route.params.type来获取type

同时一点建议，路由跳转不建议写path，推荐使用name跳转。

.push({name: 'login', params: {type: 'teaxxxx'}})

Answer 2

this.$post()和你的服务端路由有关，而你的this.$router是前端路由，404not found是你的提交数据路由没匹配到，难道你没前后端分离？