Vue developer, the page cannot be refreshed when it is in the sub-route.

routing configuration is as follows: 

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
    }
  ]
})
Javascript vue.js
Apr.03,2021

how the template for the APP entry is written. 

<template>
<div id="app">
<router-view>
<!--  router-view  router-view children -->
        <router-view></router-view>

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

means that the Group @ / components/groupManagement/group.vue
file you refer to should also have a < router-view > < / router-view > to render the corresponding child routes.

vue nested routing requires a < rouer-view > tag
< rouer-view > tag in the component 

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

is required in the corresponding home component 

<router-view name="left"></router-view>
<router-view name="middle"></router-view>
<router-view name="right"></router-view>

Previous: The order in which node documents look for results that mention setTimeout/setImmediate is not necessarily the order in which it is returned. So what is the difference between the two possibilities?

Next: How Springboot configures dubbo monitor

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3d2e7-413b4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3d2e7-413b4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?