鍍金池/ 問答/HTML/ vue開發(fā)，在子路由里的時候刷新不到頁面

vue開發(fā)，在子路由里的時候刷新不到頁面

路由配置如下：

import Vue from 'vue'
import Router from 'vue-router'
import Group from '@/components/groupManagement/group.vue'
/*Group*/
import Group_list from '@/components/groupManagement/group/group_list.vue'
import Node_list from '@/components/groupManagement/node/node_list.vue'

import Task from '@/components/taskManagement/task_list.vue'
import Timing from '@/components/taskManagement/timing_list.vue'
import Script from '@/components/scriptManagement/script_list.vue'
import Dispatch from '@/components/dispatchManagement/dispatch_list.vue'

Vue.use(Router)

 export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/Group',
      redirect: '/Group/Group_list'
    },
    {
      path: '/Group',
      component: Group,
      children:[
        {
          path:'Group_list',
          component:Group_list
        },
        {
          path:'Node_list',
          component:Node_list
        }
      ]
    },
    {
      path: '/Task',
      component: Task
    },
    {
      path: '/Script',
      component: Script
    },
    {
      path: '/Dispatch',
      component: Dispatch
    },
    {
      path: '*',
      component: Group
    }
  ]
})
回答
編輯回答
選擇

APP入口的模板是怎么寫的。

<template>
<div id="app">
<router-view>
<!-- 渲染時 router-view 引用的其他組件下還有 router-view 才是對應的子路由children -->
        <router-view></router-view>

</router-view>
</div>
</template>

也就是說你引用的Group @/components/groupManagement/group.vue
這個文件里應該還有一個<router-view></router-view> 來渲染對應的子路由。

2017年2月18日 21:15
編輯回答
舊城人

vue 嵌套路由 需要在組件里面有一個 <rouer-view> 標簽
<rouer-view> 標簽 還算可以

{
  path: '/home',
  component: home,
  children: [{
    path: '', 
    name: 'home',
    components: {left:left-component, middle: middle-component, right: right-component}
}

對應的 home 組件里面 就需要

<router-view name="left"></router-view>
<router-view name="middle"></router-view>
<router-view name="right"></router-view>
2017年3月3日 15:11