vue-router不跳转

Question

点击按钮跳转：当前页面路径是/order

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

路由代码：

            //订单列表页
            {
                path:'/order',
                component:order,
                children:[{
                    path:'detail',    //订单详细页
                    component:detail
                }]
            },

文件目录：

结果：点击之后地址有变化但是页面没有跳转

Answer 1

{
  path: '/order',
  component: order,
  children: [{
    path: '/order/detail',    //订单详细页
    component: detail,
  }],
},