vue路由传递参数(五)路由嵌套,子路由写法,以及从定向

vue路由传递参数(四)捕获所有路由或 404 Not found页面处理_无围之解的博客-CSDN博客

找到router文件夹下面的index.js

(一)传递一个参数

1.1 路由下面多一个children数组,数组里面写两个子路由

记得添加一个  redirect: "/Test/:username/Test2", //这样的话,就会默认展示Test2路由的文件,也可以设置Test1

传递一个参数username

 {
    path: '/Test/:username', //传递一个参数
    name: 'Test',
    redirect: "/Test/:username/Test2", //这样的话,就会默认展示Test2路由的文件,也可以设置Test1
    component: () => import('../views/Test.vue'),
    //children 数组中的Test2被redirect从定向默认展示
    children: [{
      path: 'Test1', //这里path前面没有/
      name: 'Test1',
      component: () => import('../views/Test1.

猜你喜欢

转载自blog.csdn.net/jieweiwujie/article/details/126765542