基于vue-router 多级路由redirect 重定向的问题


Posted in Javascript onSeptember 03, 2018

在做多级路由的时候遇到很多问题,虽然不难,但是如果没有经验,往往要花一整天时间才能解决(可能我笨),况且网上资料也很少。

项目需要是这样的:

登录页面跳到后台页面重定向,登录页是一级路由

基于vue-router 多级路由redirect 重定向的问题

对应页面

基于vue-router 多级路由redirect 重定向的问题

登录后:

基于vue-router 多级路由redirect 重定向的问题

同时重定向二级和三级页面,

基于vue-router 多级路由redirect 重定向的问题

这样登录就会重定向了,此时url

基于vue-router 多级路由redirect 重定向的问题

但又有一个问题:当再次点击底部“堂食”的时候,

基于vue-router 多级路由redirect 重定向的问题

url变成这样,并且三级页面没有出来

基于vue-router 多级路由redirect 重定向的问题

解决办法是:在这个“堂食”按键 添加一个方法

基于vue-router 多级路由redirect 重定向的问题

记住,也只有这样传参才有效

如果在<router-link>传参,问题多多:如linkActiveClass有问题,再次点击“堂食”,没有传参,三级页面不出现等等

基于vue-router 多级路由redirect 重定向的问题

以上这篇基于vue-router 多级路由redirect 重定向的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
解析javascript 浏览器关闭事件
Jul 08 Javascript
js获取当前路径的简单示例代码
Jan 08 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
JavaScript检测原始值、引用值、属性
Jun 20 Javascript
微信小程序 122100版本更新问题解决方案
Dec 22 Javascript
jQuery向webApi提交post json数据
Jan 16 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
浅谈Webpack打包优化技巧
Jun 12 Javascript
深入了解Vue.js 混入(mixins)
Jul 23 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 #jQuery
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 #Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 #Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 #Javascript
Angular5中状态管理的实现
Sep 03 #Javascript
JavaScript创建对象方法实例小结
Sep 03 #Javascript
vue自定义底部导航栏Tabbar的实现代码
Sep 03 #Javascript
You might like
php仿discuz分页效果代码
2008/10/02 PHP
php查询内存信息操作示例
2019/05/09 PHP
php过滤htmlspecialchars() 函数实现把预定义的字符转换为 HTML 实体用法分析
2019/06/25 PHP
JS 日期验证正则附asp日期格式化函数
2009/09/11 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
Jquery颜色选择器ColorPicker实现代码
2012/11/14 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
jquery如何实现锚点链接之间的平滑滚动
2013/12/02 Javascript
控制文字内容的显示与隐藏示例
2014/06/11 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
2016/04/12 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
深入解析koa之异步回调处理
2019/06/17 Javascript
在Uni中使用Vue的EventBus总线机制操作
2020/07/31 Javascript
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
python接口自动化(十六)--参数关联接口后传(详解)
2019/04/16 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
Pyqt助手安装PyQt5帮助文档过程图解
2020/11/20 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
H5仿微信界面教程(一)
2017/07/05 HTML / CSS
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
英国设计的甲板鞋和船鞋:Chatham
2018/12/06 全球购物
幼儿园小班家长寄语
2014/04/02 职场文书
彩色的翅膀教学反思
2014/04/25 职场文书
《长征》教学反思
2014/04/27 职场文书
篮球比赛拉拉队口号
2014/06/10 职场文书
教师党的群众路线对照检查材料
2014/09/24 职场文书
大学生求职信怎么写
2015/03/19 职场文书
海洋天堂观后感
2015/06/05 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
解除合同协议书范本
2016/03/21 职场文书