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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • GDI绘制_matlab中intlinprog函数用法

    GDI绘制_matlab中intlinprog函数用法设备上下文绘图有很多种方法。例如通过创建位图画刷,利用其填充一个区域来实现图像的绘制。此外,还可以使用CDC类的位图函数来输出位图到设备上下文中。BitBlt用于从原设备中复制位图到目标设备,语法格式如下:BOOLBitBlt(intx,inty,intnWidth,intnHeight,CDC*pSrcDC,intxSrc,intySrc,DWORDdwRop);x:目

    2022年10月18日
    0
  • 使用postman发送http请求

    使用postman发送http请求

    2021年9月17日
    61
  • vim复制粘贴_linux粘贴复制快捷键

    vim复制粘贴_linux粘贴复制快捷键1.选定文本块。使用v进入可视模式,移动光标键选定内容。2.复制的命令是y,即yank(提起),常用的命令如下:   y     在使用v模式选定了某一块的时候,复制选定块到缓冲区用;   yy   复制整行(nyy或者yny,复制n行,n为数字);&n…

    2022年9月22日
    0
  • Tomcat如何配置环境变量

    Tomcat如何配置环境变量分步阅读下载安装tomcat,如何配置环境变量?配置过程中是否和作者一样经常出现错误?请仔细读文及注意事项。工具/原料1,JDK:版本为jdk-8u121-windows-x64.exe下载地址http://www.oracle.com/technetwork/java/javase/downloads/index.html2,tomcat:版本为apache-tomcat-8.0.36-windows-x64.zip下载地址http://tomcat.apache.org/3,wn10,

    2022年6月3日
    28
  • 独立成分分析(Independent Component Analysis,ICA)模型介绍

    独立成分分析(Independent Component Analysis,ICA)模型介绍目录独立成分分析(IndependentComponentAnalysis,ICA)模型介绍1历史背景2ICA基本模型3独立与不相关独立成分分析(IndependentComponentAnalysis,ICA)模型介绍你好!这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器,可以仔细阅读这篇文章,了解一下Markdown的基…

    2022年5月15日
    58
  • 最近公共祖先_洛谷好不好

    最近公共祖先_洛谷好不好原题链接题目描述如题,给定一棵有根多叉树,请求出指定两个点直接最近的公共祖先。输入格式第一行包含三个正整数 N,M,SN,M,S,分别表示树的结点个数、询问的个数和树根结点的序号。接下来 N-1N−1 行每行包含两个正整数 x, yx,y,表示 xx 结点和 yy 结点之间有一条直接连接的边(数据保证可以构成树)。接下来 MM 行每行包含两个正整数 a, ba,b,表示询问 aa 结点和 bb 结点的最近公共祖先。输出格式输出包含 MM 行,每行包含一个正整数,依次为每一个询问的结果。输入

    2022年8月8日
    5

发表回复

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

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