router中的meta

85 阅读1分钟

router中的meta

meta字段(元数据)
直接在路由配置的时候,给每个路由添加一个自定义的meta对象,在meta对象中可以设置一些状态,来进行一些操作。
例如:登陆验证

``

{ 
    path: '/actile',
    name: 'Actile', 
    component: Actile,
    meta: { login_require: false },
}, 
{ 
    path: '/goodslist',
    name: 'goodslist',
    component: Goodslist, 
    meta: { login_require: true },
    children:[
        { path: 'online', component: GoodslistOnline } 
    ] 
} 


//在导航守卫中可以这样使用 
router.beforeEach((to, from, next) => { 
    if (to.matched.some(function (item) { 
        return item.meta.login_require }
    )) { 
        next('/login')
    } else {
        next() 
    })

只需要判断item下面的meta对象中的login_require是不是true,就可以做一些限制了。

原文章转载:blog.csdn.net/cofecode/ar…