在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

路由配置如下：

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>
<!-- 渲染時(shí) router-view 引用的其他組件下還有 router-view 才是對應(yīng)的子路由children -->
        <router-view></router-view>

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

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

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

vue 嵌套路由 需要在組件里面有一個(gè) <rouer-view> 標(biāo)簽
<rouer-view> 標(biāo)簽 還算可以

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

對應(yīng)的 home 組件里面 就需要

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