解决访问不到vue的子子路由

最新推荐文章于 2024-05-15 22:50:31 发布
最新推荐文章于 2024-05-15 22:50:31 发布
阅读量321 收藏
点赞数 3
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62159673/article/details/135900024
版权

这是我原先的代码，一直访问不到这个路由

因为父级嵌套子级，父级的compinent不能指向其他的组件，因为路由跳转就基于<router-view/>的，所有要配置一个空的<router-view/>才能显示

然后在路由页面引入

改成这样就能访问到子子路由了

m0_62159673
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 项目中当访问路由不存在的时候默认访问404页面操作
01-19
前言： 在Vue项目中，当访问的页面路由不存在或错误时，页面显示为一片空白。然而，通常我们需要对访问url不存在或者错误的情况下添加默认的404页面，即not found页面。 一般的处理方法是： 在最后添加一个path: * ，优先级从上到下查找路由，都没有的时候全部指向 404页面 ，代码如下： const baseRoute = [ { path: '/login', name: 'login', component: Login }, {path: '/', redirect: '/index', component: Layout, name: 'dashboard'}, /
Vue下路由History模式打包后页面空白的解决方法
12-09
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往往会碰到history模式打包后页面一片空白的情况,而且没有资源加载错误的报错信息. 这个其实仔细研究下会发现,如果项目直接放的跟目录, 那么是没有问题的,如果是子目录,那么就会一片空白了.这个vue官方有解释,需要加一个base // base: '/history', // mode: 'history', 这个base即为项目路径. 以上两个都解决了,还是会发现,此时只有首页能访问,通
vue路由页面跳转不到子路由（记录）
qq_43622870的博客
01-05 1507
最近学用vue做项目，一开始就发现个问题 跳转不到子路由页面 搜了一下一般说路由页面要有<router-view/>来承载，也放了，还是不行 然后f12看看跳转报错 Cannot read properties of undefined (reading '$createElement') 再一搜，配置子页面时component写成了components 改好，ok ...
Vue Router 子路由进不去
CSU_Zipple的博客
12-21 4075
检查一下子路由的路径是否带了根路径'/' 比如 children:[ { path:"/modify/:id", name:"modifyAddress", props:true, component:ModifyDetail },{ path:/"new", ...
vite vue3 路由配置@找不到文件问题描述
A_man_of_ideas的博客
03-11 643
在vite.config.js文件中配置路由的时候，添加路由界面，找不到指定的文件，提示错误，如图所示：但是换成就正常了，也没有报错问题。
解决vue-router 嵌套路由没反应的问题
10-14
主要介绍了解决vue-router 嵌套路由没反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue三层嵌套路由页面不显示问题，vue-element-admin三层路由显示空白
coderYYY的博客
11-18 2810
渲染不出来是因为第二层那里缺少一个容器，用一个组件专门用来渲染即可。
vue3路由children页面不显示
qq_43654065的博客
03-25 3989
介绍： 因为两个页面有公共的页头，所以将页头公用，只切换页面主体部分。 解决方法： 1. 页头页面美加<router-view />，在页头页面底部加<router-view />。 <router-view />组件主要是去承载子路由，以实现子路由切换展示 2. 根路由没有redirect 因为我的根路由是页头，路径是'/'，他是没有路径跳转的，所以不redirect就不能转到首页内容，只会显示页头内容，url也只是服务器接口路径， 没有转到相应页面。.
vue cli 3 打包部署测试出现net::ERR_ABORTED 404 (Not Found)问题解决
热门推荐
从零出发
10-22 1万+
vue cli 3 打包部署到服务器上出现net::ERR_ABORTED 404 (Not Found)问题解决 解决方法：配置vue.config.js如下： module.exports = { publicPath: "./" } 注意：具体配置请参考官网教程 https://cli.vuejs.org/zh/config/#vue-config-js publicPath ...
VUE 动态三级路由界面不显示
wang_nai_jun的专栏
09-06 4964
原因：三级（四级、五级、...）路由的父路由（父菜单、中间菜单、无实际打开页面的虚拟节点、非叶子节点）component缺项（null，未设置）导致。 解决：views下（放在这里引用路径简单）新建一个通用（可以到处使用）的vue文件，命名如SubView.vue，内容如下： <template> <router-view></router-view> </template> 各级父路由的component配置为SubView 即可。 如动态...
不知道vue路由懒加载，进来看看吧
01-08
一、是什么 路由：即url，vue中一个url对应一个组件 懒加载：用到时，再加载 二、为什么有 前端发展到了单页面富应用(SPA)阶段(整个网站只有一个html+css+js) 当打包构建应用时，js包会变得特别大，影响页面加载 可以把不同路由对应的组件分割成不同代码块，当路由被访问时才加载对应组件 三、作用 将路由对应的组件打包成一个个js代码块 路由被访问到时，才加载对应组件 四、懒加载方式 在ES6中，使用箭头函数组织Vue异步组件和Webpack代码分割 const Home = () => import('../components/Home') 五、路由懒加载效果 懒加载方式
VUE的history模式下除了index外其他路由404报错解决办法
12-10
现在不明白的是既然跳到了index为什么显示的还是路由后的界面 内容扩展： 问题背景： vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我
JavaScript(四)：DOM、BOM、事件处理、对象与原型
算云烟
12-07 614
一、DOM 1. DOM简介 ​ Document Object Model 文档对象模型 ​ 浏览器加载HTML文档时，会将HTML文档解析为一个树形结构，称为DOM树 HTML文档和DOM树是一一对应的关系 当DOM树被改变时，与之对应的HTML文档也会随之改变 当需要对HTML中的内容进行动态改变时，可以使用DOM来进行操作 DOM提供了一组用来操作HTML文档的API，即提供一套属性、方法和事件 树上的每一个节点都是一个DOM对象，树的顶层为document对象，表示整个文档 2. 查询操作
总结|VueRouter子路由不显示，不报错的问题
m0_46635519的博客
03-05 2069
vue子路由不显示|部分显示+不报错！
vue多层嵌套子路由不显示
weixin_44032244的博客
09-20 970
组件Weekends的路由为“/schedule/weekends”，要在父组件中渲染需要配置router-link（访问链接，相当于html中的。
Vue3——子路由路径时仅渲染子路由页面不渲染父路由页面
我是我
06-18 3346
1.使用场景 当我们在配置路由结构时，有父子关系时，会这样设计路由 { name: 'testA', path: '/testa', component:() => import('../views/test/testA.vue'), children: [ { name: 'testB', path: 'testb', component: ()=>import('../views/test/tes
vue新增子路由不跳转或者跳转报错
m0_51737922的博客
04-17 803
vue路由跳转空白或者控制台报错
Failed to resolve import “@/views/index.vue“ vue3 路由配置@找不到文件
明哥
03-31 3187
进入根目录下配置文件。
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
最新发布
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1110
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
vue 子路由跳转不显示页面
07-27
可能有几个原因导致子路由跳转后不显示页面。以下是一些可能的解决方法： 1. 确保你已经正确配置了子路由。在 Vue 的路由配置文件中，确保你已经正确定义了子路由，并将其添加到父级路由的子路由数组中。 2. 检查你的子组件是否正确加载。在子组件文件中，确保你已经正确导入并注册了该组件。 3. 检查你的路由跳转代码。确认你使用了正确的路由跳转方法。在 Vue 中，你可以使用 `router.push` 或 `router.replace` 方法来进行路由跳转。 4. 检查你的模板代码。确保你在父组件的模板中使用了 `<router-view>` 标签来显示子组件。 5. 检查你的子组件是否有正确的路径匹配。在路由配置中，确保你的子路由的路径与你尝试访问的 URL 路径匹配。记住，Vue 的路由是基于路径匹配的。 如果以上方法都没有解决你的问题，我建议你提供更多的代码或详细描述，以便我能够更好地帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值