基于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对checkbox操作 (循环获取)
May 20 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
javascript打印输出json实例
Nov 11 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
js简单抽奖代码
Jan 16 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
JS实现页面数据无限加载
Sep 13 Javascript
js实现关闭网页出现是否离开提示
Dec 07 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
Oct 12 Javascript
vue子传父关于.sync与$emit的实现
Nov 05 Javascript
JavaScript 防盗链的原理以及破解方法
Dec 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编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
javascript 网页跳转的方法
2008/12/24 Javascript
jQuery 打造动态下滑菜单实现说明
2010/04/15 Javascript
热点新闻滚动特效的js代码
2013/08/17 Javascript
ExtJS实现文件下载的方法实例
2013/11/09 Javascript
邮箱下拉自动填充选择示例代码附图
2014/04/03 Javascript
jQuery简单实现网页选项卡特效
2014/11/24 Javascript
jQuery中的jQuery()方法用法分析
2014/12/27 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
JS实现双击屏幕滚动效果代码
2015/10/28 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2017/03/08 Javascript
JS实现图片预览的两种方式
2017/06/27 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
改变layer confirm弹窗按钮的颜色方法
2019/09/12 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
全面解读Python Web开发框架Django
2014/06/30 Python
Python绑定方法与非绑定方法详解
2017/08/18 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
使用python创建生成动态链接库dll的方法
2020/05/09 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
运动会广播稿60字
2014/01/15 职场文书
学年末自我鉴定
2014/01/21 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
死者家属慰问信
2015/03/24 职场文书
MySQL数据库简介与基本操作
2022/05/30 MySQL