vue路由跳转问题，其他页面正常显示，刚创建的路由页面可以显示，但是刷新后页面空白问题

最新推荐文章于 2024-07-30 16:37:31 发布
最新推荐文章于 2024-07-30 16:37:31 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41277748/article/details/115673295
版权

看似没用问题的路由，当使用this.$router.push({path: "/legalNotices"})时发现不能跳转，

当我使用this.$router.push({name: "legalNotices"})，name时发现可以跳转了，但结果刷新页面，页面空白；

其他页面的路由可以使用path跳转，就有那么几个不行；然后和其他路由的对比一下

结果发现天大的坑，因为空格问题，无法识别路由path,最后把空格去掉，就可以正常显示了刷新页面也可以正常显示了

 

井底的蜗牛
关注
专栏目录
路由设置了独享守卫，刷新后页面空白，再刷新回到/home页面的问题及解决
traceyW的博客
12-07 835
设置独享守卫后，刷新导致页面空白
vue路由跳转本来正常,跳转到某一个页面再跳出其他页面,出现页面空白
zhangyu_98的博客
03-11 3162
昨天在写代码的时候遇到一个很奇怪的问题,本来路由都是正常的,结果我跳转到某一个页面后再跳出结果就页面空白了,也不能再跳回原来的页面,刷新后页面又能够正常显示了,后面也筛选了路由的书写都没发现异常. 后面看到页面的时候发现我在template内的根元素外面有一个注释,删除之后就正常了,后面想到html也会吧注释的内容当成一个标签进行显示,这样的话我的template下面就有了两个根元素,但是vue3是已经支持多个根元素了, 这里的原因可能是因为我的路由出口使用 transi...
切换路由时页面空白问题（vue3）
最新发布
qq_66953312的博客
07-30 882
页面空白不报错，刷新后显示正常
vue3使用router.push()页面跳转后，该页面不刷新问题
wang13679201813的博客
09-20 8623
这是一个常见问题，当使用push的时候，会向history栈添加一个新记录，这个时候，再添加一个完全相同的路由时，就不会再次刷新了。在页面跳转时加上params参数时间。在跳转到的页面，添加watch监视。
this.$router.push方法地址跳转了但页面加载有问题，重新刷新才有用的问题
qq_44774831的博客
04-29 3371
this.$router.push问题分析解决后续 问题 页面问题： 后台报错： 分析 查了一些资料发现：是使用了keep-alive对组件进行了缓存，而后改用actived生命周期函数，依旧是无效，这大概率是因为当初为了做面包屑导航，使用了嵌套路由的结构：一个路由里面嵌套了Children属性 结果就是现在导致返回上一级路由时，不触发actived生命周期函数了。 解决 当前页面不使用不使用缓存，并且给router-view加上key 可以在app.vue里面的<template添加下面的代码
Vue路由跳转-页面显示空白
孙少的博客
05-07 4903
跳转页面，指定路径跳转到某个页面时，如果没有按照正确的方式写路径，会导致页面显示空白 html部分 方法1、 <div class="nav-item-1" @click="navitem">拼团专区</div> 方法2、 <router-link class="nav-item-2" to="/navitem">秒杀活动</router-link> js部分 methods: { //拼团专区页面 navite
解决vue 路由变化页面数据不刷新的问题
08-27
本篇文章将深入探讨如何解决Vue路由变化时页面数据不刷新的问题。 首先，我们需要理解Vue Router的工作原理。Vue Router采用的是单页面应用程序（SPA）模式，当路由改变时，视图（View）通常应该根据新的路由参数...
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
10-18
总结来说，解决Vue2.0路由跳转时未匹配到路由导致出现空白页面的问题，可以通过在全局前置守卫中合理使用逻辑判断来引导用户至合适的页面。这样不仅能够提升用户体验，也使得应用的导航更加合理和流畅。同时，开发者...
Vue路由切换页面不更新问题解决方案
10-15
如果在子组件中需要触发路由刷新，可以使用Vue实例提供的$nextTick方法来确保在组件状态更新后再进行路由跳转。具体实现可以通过在子组件中注入父组件提供的刷新方法，并在需要的时候调用。 此外，还可以考虑在路由...
vue通过路由实现页面刷新的方法
08-28
通过路由实现页面刷新的方法可以解决购物车页面跳转到详情页后返回时的刷新问题。同时，我们也可以使用其他方法来实现页面刷新，例如使用 beforeRouteEnter 方法或路由 replace 方法。但是，这些方法都有其局限性，...
vue在App.vue文件中监听路由变化刷新页面操作
10-14
这种方法简单直接，适用于需要在路由跳转时强制刷新页面的场景。 另外一种方法是监听beforeunload事件，该事件是在页面即将卸载时触发的，可以在created钩子中添加事件监听，在beforeDestroy钩子中移除监听，以避免...
vue3 动态路由及使用动态路由后刷新界面出现空白页或者404
AKindofo的博客
03-11 3718
vue3 动态路由刷新404或者空白
VUE中使用路由能够实现跳转却不显示内容
qq_44258878的博客
02-16 1718
VUE中使用路由能够实现跳转却不显示内容 使用VUE的时候，利用路由跳转界面的话，需要在Index.html加上一句代码 <rouer-view></rouer-view> 原本的index.html如下： <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont
vue $router 打开空白页
杨阳洋的博客
07-02 1381
默认是替换当前页 this.$router.push('/index') 可以用如下方法进行空白页打开 let xtbl = this.$router.resolve('/host/wait') window.open(xtbl.href, '_blank');
使用router-link跳转页面，页面空白，数据未传递到指定页面——解决方法
Var521的博客
04-21 3971
问题叙述 我的毕设是新闻发布管理系统 这是首页新闻列表，我需要点击新闻列表获取详细的新闻内容，当我点击时，需要将新闻的编号，传递给后台，之后跳转页面，把后台查到的内容渲染到页面上，此时跳转页面有两种方法： 1.使用router-link <!-- 中间内容 --> <div class="mainContent"> <div ...
解决vue3 路由切换后，页面不显示内容，刷新后正常显示（路由切换白屏的问题）
weixin_43185419的博客
06-13 1万+
正常使用时切换路由都可以正常地切换页面，但是页面长时间无操作就会浮现该问题。使用导航切换路由，路由可以正常跳转，地址栏有变化，但页面不显示。在router-view 中给路由添加key标识。2、切换的各级页面均有根标签节点包裹。
html路由跳转首页空白,记一次VUE路由跳转后页面空白
weixin_33610780的博客
07-19 856
VUE从A页面路由跳转到B页面后页面空白，路由配置如下:importVuefrom'vue'importRouterfrom'vue-router'importHomeViewfrom'@/views/HomeView'importPlayViewfrom'@/views/PlayView'Vue.use(Router)exportdefaultnewRouter({...
vue中的路由跳转了，url改变，但是页面为空白，没有到达指定文件
热门推荐
m0_47265814的博客
05-25 2万+
问题描述： 初始路径 跳转之后： 然后当前页面全白了，到了一个空页面 如果输入一个没有对应文件的url时也会出现这种情况，比如： 我的目录下并没有mycollect文件 我的路由书写过程： 1.在router下的index.js中声明路由 const myinterest = () => import('@/my/myinterest') 2.还在该文件下注册路由 { // 这是链接上的显示路径 path: '/myinterest', componen
解决Vue刷新页面白屏问题
qd1014751893的博客
04-19 1646
vue刷新页面方式，vue白屏问题
vue路由跳转但是页面刷新才显示
09-20
要实现在路由跳转后页面刷新的效果，可以通过以下几种方式来实现： 1. 使用watch监听路由变化，在路由变化时执行刷新操作。可以在组件中使用$watch来监听$route对象的变化，并在变化时执行需要刷新的逻辑，例如重新...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值