【VUE】二级路由子路由跳转空白

App.vue一般这样写，这里是跟路由。想象一块大的屏幕，根路径的切换就是这个页面的切换。

<div id="app"><router-view />
</div>

home主页跳转submenu失败，地址栏显示路由没问题，但页面显示空白

router.js坑一：在子路由加了斜杠/，导致跳转空白不显示

routes: [{ path: '/', redirect: Home },{ path: '/login', component: Login },{ path: '/home', component: Home,children: [// 坑一：之前在子路由加了斜杠/，导致跳转空白不显示{ path: 'submenu',component: submenu}]}]

父路由home：坑二：父路径没有配置占位标签router-view

<template><div><div>----<div><div>----<div><div><!--坑二：父路径没有配置占位标签router-view--><router-view><router-view><div></div>
</template>

【VUE】二级路由子路由跳转空白相关推荐

vue二级路由跳转后外部引入js失效问题解决方案
vue二级路由跳转后外部引入js失效问题解决方案参考文章: (1)vue二级路由跳转后外部引入js失效问题解决方案 (2)https://www.cnblogs.com/LittleT/p/9077 ...
vue 二级路由嵌套和二级路由高亮问题
第一层路由我写在app.vue里面.如图所示: footer.vue: 二级路由是这样: index.js里面的配置: 效果图: 效果出来了,又出现新的问题,就是点击二级路由的时候,默认的二级路由高亮 ...
vue 二级路由以及重定向
重定向重定向通过routes 配置来完成栗子: import Vue from 'vue' import Router from 'vue-router' import Film from '@/ ...
vue二级路由和重定向问题
如果不使用二级路由,而且项目中有很多router-view的话,router-view中的内容显示就会产生混乱,这样就不太友好.当触发二级路由时,此路由就会将对应内容传给自己父级路由组件里的route ...
vue二级路由不显示页面bug
如果父路由path是 / 则redirect直接匹配page2就可以 {path: '/',component: () => import('../view/analyse/analyse.vu ...
vue 通过路由守卫阻止跳转
前提声明使用的环境是 vue3,其他版本没做测试仅作参考案例分析制作一个登陆界面,在点击登录的时候进行匹配账号和密码,成功后再切换组件,如果输错弹出alter. 前提条件:登录是一个嵌套在内部的 ...
Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案
1.需求介绍: 以下介绍一下实现起来没什么疑问的需求:设备列表为一个主页,点击设备列表中的编辑按钮,进入设备信息主页面,默认打开设备配置页,点击设备状态.设备日志.固件升级,会切换下方内容. 本人对以 ...
vue嵌套路由，二级路由使用介绍
vue-router 嵌套路由,二级子路由项目中如果都是一级路由,路由管理会有些乱.嵌套路由是路由中包含路由的意思,组件中可以有自己的路由导航和路由容器(router-link.router-vie ...
VUE3设置菜单进行子路由跳转，使页面在指定路由标签中加载
问题说明登录与主页已经配置到路由中,通过app.vue中的<router-view></router-view>跳转.主页中使用菜单进行路由跳转时会更新整个页面解决 ...

【VUE】二级路由子路由跳转空白

【VUE】二级路由子路由跳转空白相关推荐

最新文章

热门文章

【VUE】二级路由 子路由跳转空白

【VUE】二级路由 子路由跳转空白相关推荐

最新文章

热门文章

【VUE】二级路由子路由跳转空白

【VUE】二级路由子路由跳转空白相关推荐