二级路由必须加斜线才能将页面跳转，与官网文档冲突？

问题遇到的现象和发生背景

我使用的是Element-UI的表单组件，如下图所示，页面是正常的，我还使用了首页路由的重定向，当然重定向的页面结果是图一

img

img

但是我在打代码的时候发现，我实现路由重定向和二级子路由的时候，需要加上单斜线页面才能成功的跳转，否则出现空白页，这是为什么呀



const router =new VueRouter({
    routes:[
      {
        // 如果路径是斜线，那我们就把他对应到/login上
        path:'/',
        // 重定向
        redirect:'/login'
      },
        // 第一个路由规则
        {
          path:'/login',
          component:Login
        },
        {
          path:'/home',
          component:Home,
          // 只要我们访问了home这个地址，我们就让他重定向到welcome这个地址  这个地方写斜线行，不写也行
          redirect:'/welcome',
          // 二级路由
          children:[
              {
                path:'/welcome',
                component:Welcome,
              },
              {
                path:'/users',
                component:Users
              }

          ]
        }

    ]
})

path本来就需要/，当然重定向不仅可以用path的方式，还可以通过name，函数 https://v3.router.vuejs.org/zh/guide/essentials/redirect-and-alias.html#%E9%87%8D%E5%AE%9A%E5%90%91

img