under the current page, the large block below is a router-view

:

what I want to do is click on the details and jump to / audit/records/detail?id=.

there is still a subtitle of the record to be reviewed and audited, but the following section starts with "audited" and is a new

page, which contains audit details,

how should this be achieved? Or which page should the router-view be placed on? Do you want to control the display and hiding of different router-view?

attached router.js:

mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      name: "index",
      component: index,
      // meta: { requiresAuth: true },
      redirect: "audit",
      children: [
        {
          path: "audit",
          component: audit,
          redirect: "audit/auditing",
          children: [
            {
              path: "auditing",
              component: auditing
            },
            {
              path: "records",
              component: records,
              children: [
                {
                  path: "auditDetail",
                  component: auditDetail
                }
              ]
            }
          ]
        },