美文网首页
2019-07-05vue-router二级路由跳一级路由

2019-07-05vue-router二级路由跳一级路由

作者: Kason晨 | 来源:发表于2019-07-05 16:06 被阅读0次

先贴一下我的路由配置:

export default new Router({
  routes: [
    {
      path: '/',
      redirect: '/home'
    },
    {
      path: '/home',
      name: 'Home',
      component: Home,
      children: [
        {path: '/',name: 'HomeComponent', component: HomeComponent},
        {path: '/homeComponent',name: 'HomeComponent', component: HomeComponent},
        {path: '/myComponent',name: 'MyComponent', component: MyComponent},
      ]
    },
    {path:'/imitate',name:Imitate,component:Imitate}//答题列表
  ]
})


现在有个需求是点击二级路由的一个按钮,跳到一级路由 imitate。

尝试了几种方式都失败了。

    <router-link :to="{name:'Imitate'}">测试路由</router-link>//失败
    <router-link :to="imitate">测试路由</router-link>//失败
  //省略其他失败的方式······

后来使用vue-router的path解决了。

   <router-link :to="{path:'/imitate'}">测试路由</router-link>

相关文章

  • 多级路由间互相访问问题

    基于安全性因素,二级路由可以直接访问一级路由资源,一级路由不可以直接访问二级路由。 比如有两个路由,分别是一级路由...

  • 2019-07-05vue-router二级路由跳一级路由

    先贴一下我的路由配置: 现在有个需求是点击二级路由的一个按钮,跳到一级路由 imitate。 尝试了几种方式都失...

  • 一级二级 Route 匹配

    一级路由navbar始终存在,二级路由的navBarHome显示的前提是在一级路由中匹配到相应的路由,渲染相应组件...

  • 6、路由跳转之二级路由children的实现入门版

    在vue项目中,经常会用到路由跳转,二级路由更是必须要掌握的,下面给大家分享一下二级路由是实现二级路由是建立在一级...

  • 多级路由

    目录结构: 使用 一级路由 二级路由 main.js index.js(路由文件) App.vue Banner....

  • Vue SSR 项目 Nuxt.js 框架之《路由》

    # 前言 本篇文章主要介绍nuxt的路由,包括一级路由二级路由三级路由...等,以及对应等级路由的创建方式和文件及...

  • vue实现多级路由的思维

    一级路由包含二级路由再包含更多的子路由,需要缓存的页面用keepalive 包括就OK,但是每次回到上级路由,是否...

  • BI报表

    一、路由设计 一级路由路径business_intelligent/二级路径:以运营总览为例 二、Store设计 ...

  • Vue二级路由配置

    二级路由配置path时前面不能有 ' / ' 在一级路径信息数组中添加一个children配置项: 在一级路由的模...

  • 12.Vue嵌套路由(三层)

    Vue嵌套路由:实现效果(路由三层嵌套,点击一级tab显示二级tab效果,二级tab点击切换对应内容,不在tab区...

网友评论

      本文标题:2019-07-05vue-router二级路由跳一级路由

      本文链接:https://www.haomeiwen.com/subject/wpyehctx.html