vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件

router.js 路由部分

export const normalRouter = {

path: '/',

meta: {

component: () => import('@/views/normal/home'),

redirect: '/pagelist',

children: [

{

component: () => import('@/views/normal/pagelist'),

path: 'pagelist',

meta: {

title: '首页'

{

path: 'categories',

meta: {

title: '分类'

components: () => import('@/views/normal/tagList')

{

path: 'myPageList',

meta: {

title: '归档'

components: () => import('@/views/normal/myPageList')

{

components: () => import('@/views/normal/guestBook'),

path: 'guestbook',

meta: {

title: '留言'

}

]

}

header组件 blogHeader.vue

{{ route.meta.title }}

显示页面 home.vue

页面显示

首页

但是切换路由后没有加载组件

我又切回首页，首页组件能正常加载，但是只有首页组件能正常加载，切换到分类，归档和留言这三个组件时都没有加载对应组件，有点迷茫=。=

vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件相关推荐

vue进入页面执行的钩子函数_vue router的钩子函数总结
模块一:全局导航钩子函数 1.vue router.beforeEach(全局前置守卫) beforeEach的钩子函数,它是一个全局的before 钩子函数, (before each)意思是在每 ...
react更改路由入参_JavaScript基础教程 react router路由传参
本篇教程介绍了JavaScript基础教程 react router路由传参,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入. < 今天,我们要讨论的是react ...
计算机无法连接移动硬盘,win7电脑连接移动硬盘后没反应怎么解决?win7电脑连接移动硬盘后没反应解决方法...
移动硬盘是以硬盘为存储介质,实现计算机之间交换大容量数据,但是购买新的移动硬盘连接笔记本win7系统电脑后发现没反应,也不知道怎么回事,移动硬盘都是正常的.可能是系统设置出现问题.下面小编给大家讲解w ...
vue 表格中有列需要异步加载_vue.js表格分页，ajax异步加载数据
分页一般和表格一起用,分页链接作为表格的一部分,将分页链接封装成一个独立的组件,然后作为子组件嵌入到表格组件中,这样比较合理. 效果: 代码: 1.注册一个组件 js Vue.component('p ...
Vue+axios（interceptors）实现http拦截 + router路由拦截 (双拦截)+ 请求自带loading效果...
axios interceptors 拦截器 //interceptors.js// vue axios配置发起请求加载loading请求结束关闭loading // http request 请求 ...
vue的div滚动条自动到底部_vue 每次渲染完页面后div的滚动条保持在最底部的方法...
下面我就为大家分享一篇vue 每次渲染完页面后p的滚动条保持在最底部的方法,具有很好的参考价值,希望对大家有所帮助. 实例如下: //每次页面渲染完之后滚动条在最底部updated:function( ...
vue、cnpm不是内部文件_vue文件通过cnpm install后无法用npm run serve打开
这是问题报错的代码,vue的源代码肯定没有问题,因为昨天都还可以用 D:\xiaowa-master>cnpm install √ Installed 23 packages √ Linked ...
vue 同步加载_vue axios同步请求解决方案
在vue项目里面,需要循环发送ajax请求,出现的问题就是循环结束,第一次服务器还没返回,导致数据处理错误,需要使用同步请求目前没有发现axios可以同步请求,所以只能使用jQuery,配置同步请求 ...
Vue去除路由中的#，Vue路由的mode有几种？前端路由详解
解决问题去除路由中的#,只需要在router.js文件中加一个mode: 'history' //在router.js文件中 const router = new Router({// mode: ...

vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件

vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件相关推荐

最新文章

热门文章