vue3 碰见的坑！！！ 页面跳转回原页面不显示的问题

最新推荐文章于 2024-05-27 14:44:52 发布
最新推荐文章于 2024-05-27 14:44:52 发布
阅读量597 收藏 8
点赞数 7
分类专栏： Vue 文章标签： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lei_jobs/article/details/134602396
版权

刚开始写的时候，因为VUE3说可以不用在最外层包裹根元素，所以就没有用div包裹。

然后发现，当页面切换到else的内容的时候，跳出当前路由，跳向其他路由，页面就不显示。

后来再外边包裹了一个根元素，就没有这种问题出现了

Crazy__Pig
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue 解决form表单提交但不跳转页面的问题
10-16
本文将详细介绍如何在Vue中解决表单提交但不跳转页面的问题。 首先，我们需要理解Vue中事件绑定的概念。Vue提供了`v-on`指令用于监听和处理DOM事件，例如表单的提交事件。`v-on`可以简写为`@`，所以`v-on:submit`...
网页自动跳转到其他页面，点击浏览器返回箭头，回不到原来页面的问题
An滴饭儿的博客
04-23 439
网页自动跳转到其他页面，点击浏览器返回箭头，回不到原来页面的问题
解决vue3 路由切换后，页面不显示内容，刷新后正常显示（路由切换白屏的问题）
热门推荐
weixin_43185419的博客
06-13 1万+
正常使用时切换路由都可以正常地切换页面，但是页面长时间无操作就会浮现该问题。使用导航切换路由，路由可以正常跳转，地址栏有变化，但页面不显示。在router-view 中给路由添加key标识。2、切换的各级页面均有根标签节点包裹。
vue3 路由切换后，页面不显示内容，刷新后正常显示
最新发布
qq_45469341的博客
05-27 1177
这个白屏问题我是第一次遇到，所以想完整记录一下，本文也借鉴了一下别人的。
vue3中使用路由功能，地址跳转了，但是页面显示空白
qingyu3044的博客
04-14 4487
按照官方文档，以及网上经典教程都测试了几次，就是不成功。而且还报错网上查了很久，有说是路由地址冲突的原因，又说是mount调用顺序的原因，结果都不是，经过尝试是modules不匹配的原因。
Vue3中切换路由页面不展示内容，刷新后页面正常显示
~
07-18 4721
解决办法，给路由添加key。
如果你使用了＜iframe＞但是不显示内容
Treasure Ashes
04-19 1429
iframe内嵌的网页链接复制到浏览器可以看到内容，但是用iframe看不到。你的链接在前面没有加http://。localhost也要加。
vue3项目路由跳转成功，但是页面空白，刷新一下才能显示
飞舞花下
11-03 1853
在项目搜<router-view，然后加上:key="$route.fullPath"，防止同路由页面不刷新。
vue页面跳转后返回原页面初始位置方法
11-28
vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在设置返回位置为记录下的scrolly...
vue 页面回退mounted函数不执行的解决方案
10-15
在开发过程中，开发者可能会遇到一个问题：当从一个页面跳转到另一个页面，然后再通过浏览器的返回按钮回退到原来的页面时，发现原始页面的 `mounted` 钩子函数并没有再次执行，导致数据无法更新。这个问题涉及到 ...
vue单页面应用打开新窗口显示跳转页面的实例
10-17
综上所述，要在Vue单页面应用中打开新窗口显示跳转页面，只需要结合vue-router的`resolve`方法获取目标URL，并使用`window.open`方法创建新的窗口来加载该URL。这种方法适用于那些需要在新窗口中呈现内容，如打印...
vue3+vite打包发布之后页面不显示
weixin_44492855的博客
03-10 889
首先检查打包配置文件中的路径。”/“注意改成”./" 如果控制台报错某个模块编译失败，可重新安装该模块再打包。比如提示“popper.js”编译失败，该模块为bootstraps的依赖模块，则重新用npm安装poper.js,再打包发布即可。
Vue设置了路由跳转后页面还是空白解决办法
qq_67801847的博客
08-26 3660
1.已经设置路由跳转了也是空白是因为没在app.vue里加入。app.vue中即可。
解决vue路由发生了跳转但是界面没有任何反应问题
weixin_74285634的博客
12-13 8373
在vue中，我们使用路由（Router）来实现页面的跳转。但是有时候我们会遇到这样一种问题：点击页面中的导航链接，路由发生了跳转，但是网页的界面没有任何变化。这是什么原因呢？这通常是因为我们的路由跳转没有更新对应的视图（View）导致的。那么如何解决这个问题呢？下面，我将为大家介绍两种解决方案。
vue动态路由,三级及以上路由,地址跳转,但是页面不显示
yuzheh521的博客
12-28 2299
vue动态路由的时候,一级,二级路由都正常展示,但是三级,四级,五级等就只看到地址跳转了,但是页面并没有跳转,这种循环希望大家使用递归。
Vue3: 路由多次点击,只路由跳转,但是页面不显示
西魏陶渊明的博客
03-13 1114
Vue3: 路由多次点击,只路由跳转,但是页面不显示
vue3使用iframe引入其他网站，vue-router路由跳转后页面空白，刷新之后才展示页面内容乌龙事件
一只爱吃糖的小羊
08-02 2142
vue3项目的页面A跳转到页面B时，页面B页面是空白的，需要手动刷新一下才能恢复正常，在页面A中用iframe引入了别的网站（后续事实证明，跟iframe没一毛钱的关系）
vue3 嵌套路由，页面不显示的问题
yn21296的博客
06-29 1849
实际上三级页面已经显示，但是被覆盖，所以需要再添加一个空页面用来展示三级页面。SubView.vue页面，也就是多加一个router-view。使用vue3嵌套路由时，三级路由url正确，页面不显示的问题。路径为 /home/task 但仍显示 Home页面。
vue3页面跳转的相对路径问题
04-08
在Vue 3中，可以使用相对路径进行页面跳转。相对路径是相对于当前页面的路径，可以使用以下方式进行跳转： 1. 使用`<router-link>`标签进行跳转： ```html <router-link to="./path">跳转到相对路径</router-link> ``` 这里的`./path`表示当前页面的相对路径。 2. 使用`$router.push`方法进行跳转： ```javascript this.$router.push('./path'); ``` 这里的`./path`表示当前页面的相对路径。 需要注意的是，相对路径中的`.`表示当前目录，`..`表示上级目录。可以根据实际情况来编写相对路径。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值