How the components of the child route are displayed in the location of the parent router-view

there are three levels of nested routes, they are logically nested, but there is no nesting on the view, the following part of the route

   {
    path: "/finance",
    component: _import("layout"),
    meta: { title: "" },
    children: [
      {
        path: "",
        redirect: "/finance/wallet"
      },
      {
        path: "wallet",
        component: _import("finance/wallet"),
        meta: { title: "" }
      },
      {
        path: "bill",
        component: _import("finance/bill"),
        meta: { title: "" },
        children: [
          {
            path: "detail",
            component: _import("finance/bill/detail"),
            meta: { title: "" }
          }
        ]
      }
    ]
  }

their view shows that first-level routing and second-level routing are easy to handle! first-level routing occupies the entire page of the browser picture description

the location of the third-level route to be displayed in the first-level route! that is, it occupies the entire page picture description

there is no nesting relationship between the third-level routing view and the second-level routing, but due to the need to deal with breadcrumbs, there is a logical nesting relationship between the second-level routing and the third-level routing. Is there any way to make the third-level view appear in the first-level view without changing the routing table, other than rebuilding a breadcrumb JOSN data object? Dear gods, welcome to put forward your suggestions, thank you very much!