解决[vue-router] Named Route ‘xxx‘ has a default child route. When navigating to this named route

查看浏览器控制台时警告

[vue-router] Named Route 'video' has a default child route. When navigating to this named route (:to="{name: 'video'}"), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for named links instead.

意思是当前命名路由"video"有一个默认的子路由，也就是在children中的path:"" 的路由。

当访问名称为"video"的路由时，默认子路由是不会被渲染的。需要将当前的路由的name删除，改为使用默认子路由的名字来作为命名链接。 

    {
      path: '/index',
      component: Index,
      name: 'index',
      children: [
        {
          path: '',
          components: {
            left: LeftNav,
            default: Main,
            right: Right
          },
          props: {
          }
        }
      ]
    }

 将其切换为下面这种

    {
      path: '/index',
      component: Index,
      children: [
        {
          name: 'index',
          path: '',
          components: {
            left: LeftNav,
            default: Main,
            right: Right
          },
          props: {
          }
        }
      ]
    }

再次查看控制台就不会有警告了