基于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 相关文章推荐
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
javascript 变量作用域 代码分析
Jun 26 Javascript
jquery 全局AJAX事件使用代码
Nov 05 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
Sep 02 Javascript
jQuery控制图片的hover效果(smartRollover.js)
Mar 18 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 Javascript
ECMAScript6中Map/WeakMap详解
Jun 12 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
JavaScript获取IP获取的是IPV6 如何校验
Jun 12 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
Jul 13 Javascript
Node.js API详解之 querystring用法实例分析
Apr 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
javascript 小型动画组件与实现代码
2010/06/02 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
Javascript 各浏览器的 Javascript 效率对比
2008/01/23 Javascript
javascript web对话框与弹出窗口
2009/02/22 Javascript
js中更短的 Array 类型转换
2011/10/30 Javascript
javascript动态加载二
2012/08/22 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
2014/05/11 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
jQuery实用密码强度检测
2017/03/02 Javascript
vue-loader教程介绍
2017/06/14 Javascript
Angular学习教程之RouterLink花式跳转
2018/05/03 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
Vue中的this.$options.data()和this.$data用法说明
2020/07/26 Javascript
python计算N天之后日期的方法
2015/03/31 Python
Python实现读取并保存文件的类
2017/05/11 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
Python3数字求和的实例
2019/02/19 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
基于opencv的selenium滑动验证码的实现
2020/07/24 Python
借款协议书范本
2014/04/22 职场文书
竞选村长演讲稿
2014/04/28 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
2015年幼儿园大班工作总结
2015/04/25 职场文书
消费者理赔投诉书
2015/07/02 职场文书
《珍珠鸟》教学反思
2016/02/16 职场文书
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python