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


相关推荐

  • 【Flume】batchSize和transactionCapacity区别

    batchSize是针对Source和Sink提出的一个概念,它用来限制source和sink对event批量处理的。即一次性你可以处理batchSize个event,这个一次性就是指在一个事务中。当你处理的event数量超出了batchSize,那么事务就会提交了。注意,这里有一个隐晦的地方,就是batchSize一定不能大于transactionCapacitytransactionC…

    2022年4月15日
    82
  • 中文情感极性词典_形容寻找美食的词语

    中文情感极性词典_形容寻找美食的词语【实例简介】(全)包括知网Hownet情感词典,台湾大学NTUSD简体中文情感词典,情感词汇本体,情感词典及其分类,清华大学李军中文褒贬义词典,汉语情感词极值表,否定词典,褒贬词及其近义词【实例截图】【核心代码】SentimentAnalysisDic└──SentimentAnalysisDic├──知网Hownet情感词典│├──主张词语(中文).txt│├──主张词语(英…

    2022年8月23日
    10
  • proxmox物理机迁移_迁移到物理服务器

    proxmox物理机迁移_迁移到物理服务器这两天由于源代码管理服务器的当机,准备将源服务器配置数据库迁移至新服务器。下面是TFS2010物理迁移的一些心得:1、尽可能将新服务器的计算机名称和源服务器相同。2、配置完成后,删除配置数据库,并附加同名的源数据库是无法成功使用。在访问tfs的web站点时出错。3、附加源配置数据后,需要通过命令重新配置才可以确保使用:TFSconfigregisterDB/sqlInstanc…

    2025年11月22日
    1
  • document.getElementById使用[通俗易懂]

    document.getElementById使用[通俗易懂]HTMLDOMgetElementById()方法HTMLDOMDocument对象参考手册定义和用法getElementById()方法可返回对拥有指定ID的第一个对象的引用。语法document.getElementById(id)说明HTMLDOM定义了多种查找元素的方法,除了getElementById()之外,还有get

    2022年7月15日
    36
  • C++之Error无法解析的外部符号[通俗易懂]

    C++之Error无法解析的外部符号[通俗易懂]C++之VisualStudio的使用遇到问题解决文章目录C++之VisualStudio的使用遇到问题解决问题一无法解析的外部符号问题二无法打开文件lib问题三debug不可以运行,release可以运行问题一无法解析的外部符号[问题描述]在编译中遇到,viaualstudio无法解析的外部符号该符号在外部函数中被引用[问题处理]1.分析问题,这个错误定义为一个:连接错误。2.根本原因是函数虽然申明了,但是没有定义函数的实现3.排查问题出现的几

    2022年6月28日
    33
  • Python图像处理基本操作[通俗易懂]

    Python图像处理基本操作[通俗易懂]在Python中进行图像处理可以使用的库有很多,本文主要介绍下面三个:OpenCV、PIL、skimage。其中,OpenCV是图像处理中最强大的一个库,它的源代码是由C\C++写成的,所以原版的OpenCV可以与C、C++无缝结合。Python版的OpenCV主要依赖于cv2这个包来实现。Python里面自带一个PIL(pythonimageslibrary),但这个库现在已经停止更新了,所以使用Pillow,它是由PIL发展而来的

    2022年10月14日
    2

发表回复

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

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