router.js 路由部分
export const normalRouter = {
path: '/',
meta: {
login: false
},
component: () => import('@/views/normal/home'),
redirect: '/pagelist',
children: [
{
name: 'normalPageList',
component: () => import('@/views/normal/pagelist'),
path: 'pagelist',
meta: {
login: false,
title: '首页'
},
},
{
name: 'normalTagList',
path: 'categories',
meta: {
login: false,
title: '分类'
},
components: () => import('@/views/normal/tagList')
},
{
name: 'normalmyPageList',
path: 'myPageList',
meta: {
login: true,
title: '归档'
},
components: () => import('@/views/normal/myPageList')
},
{
name: 'normalGuestBook',
components: () => import('@/views/normal/guestBook'),
path: 'guestbook',
meta: {
login: true,
title: '留言'
},
}
]
}
header组件 blogHeader.vue
显示页面 home.vue
页面显示
首页
但是切换路由后没有加载组件
我又切回首页,首页组件能正常加载,但是只有首页组件能正常加载,切换到分类,归档和留言这三个组件时都没有加载对应组件,有点迷茫=。=