vue-router 多级路由redirect 重定向的问题

vue-router 多级路由redirect 重定向的问题在做多级路由的时候遇到很多问题,虽然不难,但是如果没有经验,往往要花一整天时间才能解决(可能我笨),况且网上资料也很少。项目需要是这样的:登录页面跳到后台页面重定向,登录页是一级路由对应页面登录后:同时重定向二级和三级页面,这样登录就会重定向了,此时url但又有一个问题:当再次点击底部“堂食”的时候,url变成这样,并且三级页面没有出来解决办法是:在这个“堂食”按键添加一个方法记住,也只…

大家好,又见面了,我是你们的朋友全栈君。

      

       在做多级路由的时候遇到很多问题,虽然不难,但是如果没有经验,往往要花一整天时间才能解决(可能我笨),况且网上资料也很少。

项目需要是这样的:

   登录页面跳到后台页面重定向,登录页是一级路由

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 重定向的问题

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/157595.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • qtav—-ffmeg在ubuntu和win10上的编译和运行

    qtav—-ffmeg在ubuntu和win10上的编译和运行最近在windows上和ubuntu上都安装了qtav并且通过了编译测试,实测播放中英文的视频文件功能正常,有图像有声音。大致情况是,操作系统ubuntu:wkr@sea-X550JK:~$cat/etc/os-releaseNAME=”Ubuntu”VERSION=”16.04.4LTS(XenialXerus)”ID=ubuntuID_LIKE=debianPRETTY_…

    2025年12月2日
    4
  • DELL服务器RAID故障数据恢复

    DELL服务器RAID故障数据恢复当RAID出现故障时,硬件厂商经常会初始化你的系统或重建(REBUILD)你的RAID,那么,会造成数据无法恢复的巨大损失,因此,当RAID出现故障时,一定要正确处理。RAID的目的就是利用磁盘空间的冗余实现数据容错,不过这是在所有的磁盘或卷没有任何问题的前提下实现的。当RAID卷中的单个磁盘出现故障后,尽管数据可能暂时不会受到威胁,但是磁盘冗余已经没…

    2022年6月23日
    27
  • SMTP协议分析[通俗易懂]

    感谢原作者:http://blog.csdn.net/bripengandre/article/details/2191048SMTP协议分析第1章.    SMTP概述1.1. SMTP在邮件通信中的位置SMTP,即简单邮件传送协议,所对应RFC文档为RFC821。同http等多数应用层协议一样,它工作在C/S模式下,用来实现因特网上的邮件传送。SMTP在整个电子邮件通

    2022年4月11日
    607
  • 工作流入门教程(flowable框架)

    工作流入门教程(flowable框架)最近有一段时间没写博客了,本来打算写写对于工作流的心得,但是工作时间比较饱和只好延后。最初接触工作流是上一家公司工作,具体我不透露哪家公司,只是感受到人情冷暖,或许公司都是这样,当你的价值被用完了也就是你走人的时候。好了,废话不多说,我们直接进入主题。前言对于框架的选型,我推荐使用flowable框架,在最初的项目选型是选择activiti的,但是深入去了解框架的时候发现activiti还是有一些坑的,而flowable正是activiti框架的修正版,据了解flowable的背景是activiti原班

    2022年5月21日
    1.8K
  • vim中复制粘贴快捷键_保存到剪贴板的截图去哪里找

    vim中复制粘贴快捷键_保存到剪贴板的截图去哪里找gg定位到第一行,V选中光标所在行,G定位到文件末尾Ctrl+ACtrl+C全选复制:map&lt;C-A&gt;&lt;Esc&gt;ggVGyCtrl+ACtrl+xq剪切:map&lt;C-X&gt;&lt;Esc&gt;ggVGdCtrl+v粘贴:map&lt;C-V&gt;&lt;Esc&gt;p…

    2022年9月22日
    3
  • 回到顶部

    回到顶部

    2021年6月5日
    103

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号