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

 

Logo

前往低代码交流专区

更多推荐