Vue提示warn:”[vue-router] Named Route ‘home’ has a default child route…”

Vue提示warn:

问题描述

在Vue的项目中使用了Vue-Router,当某个路由有子级路由时,如下写法:

如果写法是如上的写法,就会报出如下警告:
[vue-router] Named Route 'home' has a default child route. When navigating to this named route (:to="{name: 'home'"), 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.

解决办法

因为当某个路由有子级路由的时候,这时候父级路由需要一个默认的路由,所以父级路由不能定义name属性,SO解决办法是:即去除父级的name属性即可。

weinxin
微信扫一扫,关注获得每日动态
使用微信扫一扫左侧二维码,获得每日最新的互联网咨询,不定期发送福利给大家,扫一扫即可获得。
    A+
所属分类:vue

发表评论

请在下方填写评论信息

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

表情 粗体 斜体 图片 引用 链接 删除线 下划线 插代码 签到

目前评论:4   其中:访客  2   博主  2

  1. avatar 超宝宝 0  来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市 电信

    刚好遇到这个问题,刚好解决啦,谢谢

  2. avatar 快乐网讯 1  来自天朝的朋友 谷歌浏览器 Windows 7 广东省佛山市 电信

    文章不错支持一下吧