Vue路由嵌套控制台发出警告Named Route ‘Home‘ has a default child route. When navigating to this named route (:to
2023-06-13 09:15:55 时间
问题描述
const routes = [
{
path: '/',
//重定向
redirect: '/home'
},
{
path: '/home',
name: 'Home',
component: Home,
//路由嵌套
children: [
{
path: '',
redirect: 'news'
},
{
path: 'news',
component: HomeNews
}
]
}
]
如上代码,vue中使用路由嵌套调试时控制台给出以下警告
解决方法
当某个路由有子级路由时,父级路由需要一个默认的路由,因此父级路由不能定义name属性,去掉父级路由的name属性即可
相关文章
- Vue之块级作用域let和var
- flex vue 垂直居中居上_推荐几种在移动端实现垂直居中的方法[通俗易懂]
- Vue路由传参的三种方式
- Vue笔记(6)
- 简述vue和jquery的区别「建议收藏」
- Vue 组件通信与路由
- vue 正则表达式验证_vue表单自定义验证
- Vue双向绑定原理(4改)
- vue上传文件流
- vue富文本编辑器的使用_elementui富文本
- vue的双向绑定原理及实现_vue双向绑定指令
- VUE组件封装_vue组件内部双向绑定
- vue-router实现路由懒加载( 动态加载路由 )_前端懒加载原理
- Vue-Router根据用户权限添加动态路由(侧边栏菜单)
- Vue项目:菜农管理 【maven + spring boot + RESTFul + SSM+vue + axios】
- Vue路由传参的两种方式
- Vue非父子组件传值之事件总线(eventbus)的使用方式
- vue 路由 按需 keep-alive
- Vue电商后端管理API接口测试
- Vue组件的data必须是一个函数、单个根元素、局部组件
- vue嵌套路由子路由 path 注意
- (十)vue动画总结
- vue路由详解(知识点重温)
- 使用Vue技术从MSSQL中获取数据(vue获取mssql数据)
- Vue操作Redis掌握前端数据管理利器(vue操作redis)
- Vue如何利用Redis加速应用程序性能(vue如何使用redis)
- 研究Oracle VUE价格探究深入探究和分析(oracle vue价格)