欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

路由嵌套

程序员文章站 2022-03-03 20:13:19
...

在router.js中增加子路由拦截

{
          path:"/inventory",
          name:"inventoryPage",
          component:()=>import('./views/inventoryPage'),
          // 路由嵌套
          children:[
              {
                  path:"/",
                  redirect:"/inventory/one"
              },
              {
                  //动态匹配路由
                  path:"/inventory/:state",
                  name:"one",
                  component:()=>import('./components/TabCom.vue'),
              },
          ]
      }

监听路由的改变

 watch:{
                '$route'(){
                    //获取当前路由,即页面地址中#后的字符串
					Vue对象.$route.params.state
                }
        }
相关标签: route