基于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插件集合
Jan 12 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
JS中innerHTML和pasteHTML的区别实例分析
Jun 22 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
Jan 21 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
js 获取html5的data属性实现方法
Jul 28 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
微信小程序日历/日期选择插件使用方法详解
Dec 28 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 18 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
Codeigniter的一些优秀特性总结
2015/01/21 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
php 实现简单的登录功能示例【基于thinkPHP框架】
2019/12/02 PHP
escape、encodeURI 和 encodeURIComponent 的区别
2009/03/02 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
JQuery手速测试小游戏实现思路详解
2016/09/20 Javascript
探讨AngularJs中ui.route的简单应用
2016/11/16 Javascript
原生js实现放大镜
2017/02/20 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
2018/05/16 Javascript
js replace替换字符串同时替换多个方法
2018/11/27 Javascript
Async/Await替代Promise的6个理由
2019/06/15 Javascript
express如何解决ajax跨域访问session失效问题详解
2019/06/20 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
Python计算三角函数之asin()方法的使用
2015/05/15 Python
用Python将动态GIF图片倒放播放的方法
2016/11/02 Python
matplotlib在python上绘制3D散点图实例详解
2017/12/09 Python
详解python 注释、变量、类型
2018/08/10 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
python 对字典按照value进行排序的方法
2019/05/09 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
卫校毕业生自我鉴定
2013/10/31 职场文书
工程师岗位职责规定
2014/02/26 职场文书
签约仪式主持词
2014/03/19 职场文书
银行求职信怎么写
2014/05/26 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
学校政风行风整改方案
2014/10/25 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
礼貌问候语大全
2015/11/10 职场文书
浙江省杭州市平均工资标准是多少?
2019/07/09 职场文书
导游词之包公祠
2019/11/25 职场文书
python程序的组织结构详解
2021/12/06 Python
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers