Vue如何让router-view默认显示页面

项目中的页面架构是:home页面中,右侧是一个菜单栏,菜单栏中每一项作为home的子页面。右边的区域用来显示对应的页面,因此都知道在右边放一个router-view然后配置路由即可。

问题是项目运行起来之后,默认的router-view是空白,那怎么配置router-view有默认的展示页面呢?

解决方法如下:

在router管理的index.js中

找到主页面,我这里是home,在home里,加上redirect,然后写上你想展示的页面路径即可

Vue如何让router-view默认显示页面

 

 

Vue如何让router-view默认显示页面

 

 

 
 
 

 

拓展:

在配置页面路由加上该属性

meta: { requireAuth: true // 添加该字段,表示进入这个路由是需要登录的 },

例:

{

 path: ‘/home‘, 

 name: ‘Home‘, 

 component: Home, 

 meta: { requireAuth: true // 添加该字段,表示进入这个路由是需要登录的 },

}



作者:肉肉要次肉
链接:https://www.jianshu.com/p/086caccb9374
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Vue如何让router-view默认显示页面

上一篇:Cesium中camera.flyTo定位


下一篇:Qt 绘制贝塞尔曲线例程