vue-element-admin 三级路由无法跳转

vue-element-admin自带的有嵌套路由，不过他的嵌套路由有一个套路，那就是二级路由页面下有个<router-view />标签

//二级路由
<el-alert :closable="false" title="menu 1"><router-view />
</el-alert>

这里说一下，这里的三级路由指向了一个页面，但你点击三级路由的时候，它是作为二级路由页面的一个窗口插入的！！！，直接点就是说，你的第三级路由不能作为一个单独的页面存在，只能想路由一样依附在二级路由页面里面

解决思路：

既然只能在二级路由页面下通过窗口来使用三级路由，那么对二级路由的页面进行修改

//第二级路由页面<template><div>//如果为二级路由就渲染当前HTML文本<template v-if="twoRouter"><div></div>....</template>//如果为第三级路由，则通过<router-view />指向第三层页面<template v-else><router-view /></template></div>
</template>

vue-element-admin 三级路由无法跳转相关推荐

Vue Element Admin 使用mock模块模拟数据
Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路.通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发更加独立自主,不会被服务端的开发所阻塞. vue-elem ...
vue element admin登录方式切换（密码登录或短信登录）
显示结果: 具体代码可以根据vue element admin源码进行更改,下面是页面代码 <el-form ref="loginForm" :model="log ...
vue+element+admin（初始化项目）
2022.10.17我接触到了vue+element+admin的使用,首先要安装node.jshttps://nodejs.org/zh-cn/download/.和githttps://git-s ...
vue element container 子路由
在maincontainer中添加子模块 1.index.js import Vue from 'vue' import VueRouter from 'vue-router' import Home ...
后端使用SpringBoot和Jwt工具与Redis数据库+前端Vue Element Admin实现用户携带token的登录功能案例
登录功能描述: 前端输入对应的用户信息 ,在用户输入邮箱后点击发送按钮给邮箱发送验证码,拿取到验证填完之后,点击登录按钮给后端发送请求 ,后端接收到请求之后 ,第一步校验验证码,第二步校验用户名和密 ...
Vue iView Admin 动态路由菜单加载前后端分离（springboot 2.x iview admin vue 前后端分离模型设计器动态数据权限...
宣传官网 xb.exrick.cn 在线Demo xboot.exrick.cn 开源版Github地址 github.com/Exrick/x-bo- 开发文档 www.kancloud.cn/ex ...
Vue Element Admin 添加侧边栏以及他的页面
1. 在 /src/views/ 下添加需要的页面 2. 配置路由器 router 中的路由表 routes,分为 constantRoutes 和 asyncRoutes. 将路由的配置信息添加进路 ...
在vue中，用路由router跳转打开一个新标签页
需求:点击退租单,生成一个退款表格(打印PDF).需要跳转到一个新标签页. 一.用JS实现 let routeUrl = this.$router.resolve({path: "/surr ...
Vue Element Admin 用mock模块模拟数据
步骤简单一在 src/api/charts 中添加接口 , 方法名为 getindexMock import request from '@/utils/request'export func ...

vue-element-admin 三级路由无法跳转

vue-element-admin 三级路由无法跳转相关推荐

最新文章

热门文章