多视图

vue-router做项目的时候,有时候需要从天台页面切换到后台管理界面,这个是其实头部导航是不一样的,因为是单页应用,所以一般的解决方案有两个,

一,切换到后台的时候对应的显示和隐藏导航

二,用路由命名视图

export default new Router({
    routes: [
        {
            path: '/',
            name: 'home',
            components: {
                navBar: headerNav,
                default: home
            }
        },
        {
            path: '/test',
            name: 'test',
            components: {
                navBar: noNav,
                default: home
            }
        }
    ]
})

猜你喜欢

转载自blog.csdn.net/qq_36800701/article/details/80388831