vue-router—10动态设置name属性左右切换

最新推荐文章于 2025-05-16 10:30:14 发布

jiaojsun

最新推荐文章于 2025-05-16 10:30:14 发布

阅读量6.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue-router

本文链接：https://blog.csdn.net/jiaojsun/article/details/91804502

vue-router 专栏收录该内容

18 篇文章

订阅专栏

router里面设置meta

  routes: [
    {
      path: '/',
      component: home,
      meta: {
        index: 0,
        title: 'home'
      }
    },
    {
      path: '/user/:tip?/:userId?',
      name: 'User',
      component: user,
      meta: {
        index: 3
      }
    },
    {
      path: '/home',
      name: 'Home',
      component: home,
      alias: '/index'
    },
    {
      path: '/about',
      component: about,
      children: [
        {
          path: '', // 默认的子路由  /about
          name: 'About',
          component: study,
          meta: {
            index: 2,
            title: 'about'
          }
        },
        {
          path: '/work',  // /work
          name: 'Work',
          component: work
        },
        {
          path: '/hobby', // /hobby
          name: 'Hobby',
          component: hobby
        }
      ]
    },
    {
      path: '/document',
      name: 'Dcoument',
      beforeEnter(to, from, next){
        console.log("beforeEnter")
        next()
      },
      meta: {
        index: 1,
        login: true,
        title: 'document'
      },
      components: {
        default: document,
        slider: slider
      }
    }
  ]
})

App.vue