vue使用嵌套路由，设置默认子路由

问题：vue2项目，使用嵌套路由，并设置默认子路由时，第一次不会加载默认子路由的内容，必须要刷新才会显示。

   {
    path: "/Search",
    name:'Search',
    component: () =>
    import(/* webpackChunkName: "about" */ "../views/Search.vue"),
    children:[
      {
        path:'/',//这个路径''或'/'都可以成功跳转且不报错
        name:'SearchIndex',
        component:()=>
          import('../views/search/Search-index')
        
      },{
        path:'SearchList',
        name:'SearchList',
        component:()=>
        import('../views/search/Search-list')
      }   
     ],
  },

路由结构图片：

跳转到渲染的的页面

       //跳转的是默认子路由
            onSearch(){
                this.$router.replace({
                    name:'SearchIndex'
                })
            }