How does vue2 load three-level child routing nesting pages?

background management project, is a typical main frame page home.vue (header, left navigation, right content area) is also a first-level route, through routes.js routing configuration, vue-router routing socket < router-view > < / router-view > (exists in the home.vue page) to switch navigation list content.

now you need to open its detail page, (FollowUp), on the secondary TopMedia page to switch back and forth, and add < router-view > < / router-view > under the TopMedia components page.

in the end, only the FollowUp content is appended to the TopMedia page, and the entire page cannot be switched. How to achieve flexible child page switching? Ask for ideas or sample code. The routes.js configuration is as follows:

{
      path: "/",
      component: Home,
      name: "",
      iconCls: "iconfont icon-users",
      children: [
        {
            path: "/topMedia", component: TopMedia, name: "", 
            children: [{path: "/task/follow/:taskId/:ttId", component: FollowUp, name: "follow"]
        }
      ]
}

Mar.21,2021

routing configuration can have a hideen , set to true {path:'/ main', component: Main, name: 'homepage', hidden: true},
at the same level as the secondary page can remove the problem


router-view itself is inserted and displayed in the insert block.
so there is no need for three-level routing, and details and TopMedia are juxtaposed.
or hide other content when entering level 3 routing.


I have encountered the same problem recently. I don't know what the landlord did later. My idea is to do multi-page processing and jump to open a new window. I don't know if there's a better way.


I also have the same project structure, and then click the details button to open the third-level page to cover the second-level page, but if the second-level page does not disappear, it will not re-obtain the data when it is returned, and can only write monitoring routing parameters on each page. It feels too troublesome. How should this kind of website establish routing?


I have exactly the same problem. Has the landlord solved it?

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-1b3dc92-2bc14.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-1b3dc92-2bc14.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?