求助，vue在嵌套路由跳转后。url变化了，但是页面还是父组件

Question

1.如题，url的hash发生了变化但是页面还是之前的
2.router的配置

   {
      path: '/singer',
      component: Singer,
      children: [
        {
          path: ':id',
          component: SingerDetail
        }
      ]
    },

3.父组件的router-view也有

<template>
    <div class="singer">
      <list-view :data="singers" @select="selectSinger" ref="list"></list-view>
      <router-view></router-view>
    </div>
</template>

4.id也能传过来

 methods:{
       
       、//列表点击事件
        selectSinger(singer){
            console.log(singer)
            //子路由跳转
           this.$router.push({
                path: `/singer/${singer.id}`
            })
        }
    },

但是页面就是无变化，求助,万分感谢

Answer 1

报错了？如果通过直接访问能打开吗？

Answer 2

路由详细页匹配到了列表页，path: ':id', 改成 paht:'detail/:id'