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

 更新时间:2018年09月03日 15:12:44   作者:versionli  
今天小编就为大家分享一篇基于vue-router 多级路由redirect 重定向的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

项目需要是这样的:

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

对应页面

登录后:

同时重定向二级和三级页面,

这样登录就会重定向了,此时url

但又有一个问题:当再次点击底部“堂食”的时候,

url变成这样,并且三级页面没有出来

解决办法是:在这个“堂食”按键 添加一个方法

记住,也只有这样传参才有效

如果在<router-link>传参,问题多多:如linkActiveClass有问题,再次点击“堂食”,没有传参,三级页面不出现等等

以上这篇基于vue-router 多级路由redirect 重定向的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue3 v-bind="$attrs"继承组件全部属性的解决方案

    vue3 v-bind="$attrs"继承组件全部属性的解决方案

    这篇文章主要介绍了vue3 v-bind=“$attrs“ 继承组件全部属性的解决方案,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06
  • Vue3项目中使用自适应Rem示例

    Vue3项目中使用自适应Rem示例

    这篇文章主要为大家介绍了Vue3项目中使用自适应Rem示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • Vue实现表格合并与拆分的示例代码

    Vue实现表格合并与拆分的示例代码

    在Vue应用程序中,表格是一个非常常见的组件,在这篇文章中,我们将介绍如何在Vue中进行表格的合并和拆分,感兴趣的小伙伴可以了解一下
    2023-06-06
  • Vue修改iview组件的样式的两种方案(element同)

    Vue修改iview组件的样式的两种方案(element同)

    使用vue必然会用到等iview组件库,但是iview的组件的样式跟自己写的div的样式修改不太一样,所以本文给大家介绍了Vue修改iview组件的样式的两种方案(element同),需要的朋友可以参考下
    2024-04-04
  • 详解Vscode中使用Eslint终极配置大全

    详解Vscode中使用Eslint终极配置大全

    这篇文章主要介绍了详解Vscode中使用Eslint终极配置大全,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • Vue中直接操作数组索引不奏效的问题解读

    Vue中直接操作数组索引不奏效的问题解读

    这篇文章主要介绍了Vue中直接操作数组索引不奏效的问题解读,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 基于Vue3和Plotly.js实现交互式3D图

    基于Vue3和Plotly.js实现交互式3D图

    这篇文章主要介绍了基于Vue3和Plotly.js实现交互式3D图,本代码旨在为数据可视化提供一个交互式图表,允许用户动态控制图表中线条的颜色和可见性,此功能对于探索大型数据集或突出特定数据子集非常有用,需要的朋友可以参考下
    2024-07-07
  • Vuex modules模式下mapState/mapMutations的操作实例

    Vuex modules模式下mapState/mapMutations的操作实例

    这篇文章主要介绍了Vuex modules 模式下 mapState/mapMutations 的操作实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • vue的table表格组件的封装方式

    vue的table表格组件的封装方式

    这篇文章主要介绍了vue的table表格组件的封装方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • vue组件封装实现抽奖随机数

    vue组件封装实现抽奖随机数

    这篇文章主要为大家详细介绍了vue组件封装实现抽奖随机数,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03

最新评论