基于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面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
JavaScript实现基于十进制的四舍五入实例
Jul 17 Javascript
AngularJS 实现按需异步加载实例代码
Oct 18 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
Nov 27 Javascript
jquery 遍历数组 each 方法详解
May 25 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
解析Vue 2.5的Diff算法
Nov 28 Javascript
js将键值对字符串转为json字符串的方法
Mar 30 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
Vue 数据响应式相关总结
Jan 28 Vue.js
Angular CLI发布路径的配置项浅析
Mar 29 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教程之phpize使用方法
2014/02/12 PHP
深入理解PHP内核(二)之SAPI探究
2015/11/10 PHP
JavaScript DOM 学习第二章 编辑文本
2010/02/19 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
超酷的网页音乐播放器DewPlayer使用方法
2010/12/18 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
Javascript的闭包详解
2014/12/26 Javascript
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
jQuery操作cookie
2016/08/08 Javascript
JavaScript制作简单分页插件
2016/09/11 Javascript
JScript实现表格的简单操作
2017/08/15 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
2018/08/08 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
python为tornado添加recaptcha验证码功能
2014/02/26 Python
Python中的index()方法使用教程
2015/05/18 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
Pytorch保存模型用于测试和用于继续训练的区别详解
2020/01/10 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
html5 postMessage解决跨域、跨窗口消息传递方案
2016/12/20 HTML / CSS
设计模式的基本要素是什么
2014/04/21 面试题
季度思想汇报
2014/01/01 职场文书
简短大学毕业感言
2014/01/18 职场文书
清明节演讲稿
2014/05/27 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
2014年电教工作总结
2014/12/19 职场文书
2015年七夕情人节感言
2015/08/03 职场文书
2016保送生自荐信范文
2016/01/29 职场文书
2016年“11.11”光棍节活动总结
2016/04/05 职场文书
pandas求平均数和中位数的方法实例
2021/08/04 Python