基于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 相关文章推荐
基于jQuery的合并表格中相同文本的相邻单元格的代码
Apr 06 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
Jan 30 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
JavaScript开发者必备的10个Sublime Text插件
Feb 27 Javascript
基于javascript实现九九乘法表
Mar 27 Javascript
jQuery实现验证码功能
Mar 17 Javascript
微信小程序 flex实现导航实例详解
Apr 26 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
Openlayers实现地图的基本操作
Sep 28 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实现字符串的全排列详解
2019/04/24 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
JS定时器实例详细分析
2013/10/11 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
JS中把字符转成ASCII值的函数示例代码
2013/11/21 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
Ajax清除浏览器js、css、图片缓存的方法
2015/08/06 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
JavaScript如何获取数组最大值和最小值
2015/11/18 Javascript
vuejs2.0实现一个简单的分页示例
2017/02/22 Javascript
理解javascript async的用法
2017/08/22 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
小程序云开发获取不到数据库记录的解决方法
2019/05/18 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
python避免死锁方法实例分析
2015/06/04 Python
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
基于python socketserver框架全面解析
2017/09/21 Python
Python numpy 常用函数总结
2017/12/07 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
简单了解python单例模式的几种写法
2019/07/01 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
django使用channels实现通信的示例
2020/10/19 Python
基于HTML5+Webkit实现树叶飘落动画
2017/12/28 HTML / CSS
C#笔试题
2015/07/14 面试题
自我评价个人范文
2013/12/16 职场文书
新教师培训心得体会
2014/09/02 职场文书
小学生通知书评语
2014/12/31 职场文书
学生保证书
2015/01/16 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
活动总结模板大全
2015/05/11 职场文书
公司行政管理制度范本
2015/08/05 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
JS中如何优雅的使用async await详解
2021/10/05 Javascript