Vue-router does not jump

Click the button to jump: the current page path is / order

    toOrderDetail(item){
        this.SAVE_ORDER(item);
        this.$router.push("/order/detail");
        console.log(2222)
    }

routing code:

            //
            {
                path:"/order",
                component:order,
                children:[{
                    path:"detail",    //
                    component:detail
                }]
            },

File directory:

result: the address changes after clicking, but the page does not jump

Dec.26,2021

{
  path: '/order',
  component: order,
  children: [{
    path: '/order/detail',    //
    component: detail,
  }],
},
Menu