标签：Named Vue name OverView route 默认 child 路由

Vue-Router多级路由的默认路由问题

控制台警告信息:

[vue-router] Named Route ‘OverView’ has a default child route. When navigating to this named route (:to="{name: ‘OverView’"), 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.

=>[vue-router] 命名的路由 “OverView “有一个默认的子路由。当导航到这个命名路由（:to=”{name: ‘OverView’”）时，默认的子路由将不会被渲染。从这个路由中删除name属性，并使用默认子路由的名称来代替命名链接。

vue route代码:

{
        path: 'overview',
        name: "OverView",//删除此属性
        component: OverView,
        children: [
          {
            path: 'health',
            name: "HealthDevice",
            component: HealthDevice
          },
          {
            path: '',
            redirect: '/home/overview/health',
          }
        ]
}
	

问题:
我们为一级路由设置了默认的子路由，实际是访问了设置的子路由，所以把一级路由的name属性去掉即可。

处理方法:
将父级路由的name属性删除

标签：Named,Vue,name,OverView,route,默认,child,路由
来源： https://blog.csdn.net/cxllRNGNB/article/details/121714871

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。