How does vue display first-level routes on the secondary routing layer?

The routing nesting of

vue is displayed according to their respective levels, but usually when developing some management backend, you need to display the first-level menu (first-level routing) on the iframe on the right, but do not want to change the routing level. Is there any way to achieve this?

routes:[
    {
        path: "/animal",
        name: "Animal",
        component: {
            template:"<h2>welcome to <span style="color:red">Animal</span> community!</h2>"
        },
        isShow: true,
        icon: "md-paw",
    },
]

Mar.18,2022
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-1e47c8f-2719d.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-1e47c8f-2719d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?