项目中的页面架构是：home页面中，右侧是一个菜单栏，菜单栏中每一项作为home的子页面。右边的区域用来显示对应的页面，因此都知道在右边放一个router-view然后配置路由即可。
问题是项目运行起来之后，默认的router-view是空白，那怎么配置router-view有默认的展示页面呢？
解决方法如下：
在router管理的index.js中
找到主页面，我这里是home，在home里，加上redirect，然后写上你想展示的页面路径即可
拓展：
在配置页面路由加上该属性
meta: { requireAuth: true // 添加该字段，表示进入这个路由是需要登录的 },
例：
{
path: '/home',
name: 'Home',
component: Home,
meta: { requireAuth: true // 添加该字段，表示进入这个路由是需要登录的 },
}
项目中的页面架构是：home页面中，右侧是一个菜单栏，菜单栏中每一项作为home的子页面。右边的区域用来显示对应的...
router-view:页面显示路由组件内容，默认显示defalut组件内容，如果要显示多个组件内容需要使用带有n...
vue应用结构 vue-router
登录页面：一：APP.vue根路由存放登录前后两个页面路由
1.首先在App.vue页面配置
首先，需要修改一下app.vue文件，通过reload方法来控制router-view的显示或者隐藏 在子页面中使...
vue-router的使用：开发vue单页面程序时，app.vue只是
路由 如果需要使用 vue router 驱动单页面应用，那就App.vue 添加
背景 首先我们的项目是需要Vue多层嵌套路由的，即router-view中使用的页面还会有router-view。...
如果想让vue的所有页面都保持keepAlive的状态。只需要在app.vue的router-view外面套一层k...
本文标题：Vue如何让router-view默认显示页面
本文链接：https://www.haomeiwen.com/subject/azcwqltx.html
网友评论