vue单页面使用loaction.href跳转新页面，返回原来页面后，页面不刷新

最新推荐文章于 2024-01-24 10:40:55 发布
最新推荐文章于 2024-01-24 10:40:55 发布
阅读量2.9k 收藏 1
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zaoqinghuan/article/details/111505736
版权

在vue项目中，有时我们会遇到这样的问题：
没有使用keep-alive。
在微信浏览器或者在企业微信环境下，在A页面中用window.location.href跳转到新页面B，然后点击浏览器返回按钮回到之前的页面A，这时，我们会发现用nginx起的服务页面会不刷新，在用node起服务中页面是正常刷新的。为什么会出现这样的问题呢?是因为微信浏览器对页面进行了缓存。
解决方法:
在这里插入图片描述

前端对象
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决IOS中H5页面返回历史页页面不刷新问题
weixin_43639981的博客
06-03 1557
目前找到的有两种方式解决这种问题 1. 使用onpageshow事件，监听该事件，代码来源解决微信端ios返回页面不刷新的问题，目前该方法我测试可用 目前该种情况主要出现在IOS新升级的系统13.5 发现了该种情况（12目前没有发现该种情况），使用window.history.back(-1)，返回历史页面，页面不刷新。目前该方法已测试，代码如下： window.onload = function () { var isPageHide = false; // 页面加载（是没有刷新页面的，跟页面刷新有着
vue单页面实现当前页面刷新或跳转时提示保存
10-17
主要介绍了vue单页面实现当前页面刷新或跳转时提示保存，在当前页面刷新或跳转时提示保存并可取消刷新，以防止填写的表单内容丢失，感兴趣的小伙伴们可以参考一下
vue页面跳转后返回原页面初始位置方法
11-28
vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在设置返回位置为记录下的scrolly即可，scrolly我用的是vuex状态管理器来保存的。整个环境是基于vue-cli搭建的 一、main.js里面配置vuex //引用vuex import Vuex from 'vuex' Vue.use(Vuex) 二、main.js里面vuex状态管理 var store = new Vuex.Store({ state: { recruitScrollY:0 }
使用window.location.href跳转页面不刷新的问题
qq_41445106的博客
09-11 6731
window.location.href = 'http://xxx’通常这样写都是可以跳转到目的url的，但是若当前的url和跳转的url是一个的话，页面可能就不会跳转，不会刷新 举个例子，a页面和b页面是通过动态组件展示的，那么a和b的链接其实对应的就是一个，比如都是https://www.baidu.com，此时有个需求就是你想从b页面跳转到a页面，你用了window.location.href，这个时候页面其实是不会被刷新的 解决方式：用完window.location.href 后再用window
ajax下window.location.href页面不跳转问题
Banxia228的博客
08-12 3955
ajax下window.location.hre页面不跳转问题(全面详解)
window.location.href = window.location.href刷新页面的问题
BigBird2012的专栏
07-07 5946
论window.location.href = window.location.href刷新页面的问题 在JS中可以用window.location.href = window.location.href来刷新页面（当然还有很多其他的方法）， 在使用这个方法刷新页面的时候回出现问
asp.net ajax contentresult 不跳转_Vue 实现前进刷新，后退不刷新的效果
weixin_39627144的博客
11-25 184
https://github.com/woai3c/Front-end-articles​github.com需求一：在一个列表页中，第一次进入的时候，请求获取数据。点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。也就是说从其他页面进到列表页，需要刷新获取数据，从详情页返回到列表页时不要刷新。解决方案在 App.vue设置：<keep-alive include="list"...
Vue keep-alive实践总结
。
07-10 183
&lt;keep-alive&gt;是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。&lt;keep-alive&gt; 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 &lt;transition&gt; 相似，&lt;keep-alive&gt; 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。prop:include: 字符...
JS location.href不重新刷新当前页面
热门推荐
夹扣的博客
05-25 1万+
前言： 前两天在工作中遇到location.href刷新页面不成功的问题，于是在此记录一下。 我的需求： 用Ajax请求后端返回数据和跳转的链接，其中返回的链接有可能是新的url也有可能是当前页面地址栏上的url。刚开始我直接使用window.location.href=url.来实现，即无论返回的什么url我都用window.location.href帮我重定向。 但是后来在测试的时候出...
uview vue 在通过href跳转新页面 在回来时候 如何触发刷新当前页面问题（通用）
lyq1948的博客
11-17 341
【代码】uview vue 在通过href跳转新页面 在回来时候 如何触发刷新当前页面问题（通用）
vue----router.go/push&location.href
python_web全栈
02-07 3872
0. router.go/push介绍： 一句话，用来进行路径跳转的 1. 使用 router.go// 回到上一页首页 this.$router.go(-1) // 回到上一页首页 router.push // 普通的界面跳转(一般用于项目内的路径跳转) this.$router.push('/') location.href // 普通的路径跳转(一般用于项目外的路径跳转) location.href = 'https://element.eleme.cn/' ...
vue单页面应用打开新窗口显示跳转页面的实例
10-17
在Vue.js开发中，单页面应用（SPA）通常利用vue-router进行页面间的导航。然而，在某些特定场景下，我们可能需要在单页面应用中打开一个新的浏览器窗口来展示跳转的页面，而原始窗口则保持不变。这篇教程将详细介绍...
vue实现几秒后跳转新页面代码
10-14
在Vue.js框架中，有时我们需要实现一个功能，即在用户完成某个操作后，等待几秒钟再自动跳转到新的页面。这种需求常出现在用户确认操作、加载数据或等待某些处理完成后。本文将详细讲解如何在Vue中实现这个功能，...
解决使用window.open()或window.location.href跳转后返回/后退原页面不能再度跳转的问题
vvv3171071的博客
11-24 1万+
使用window.open()搭配参数_self(新页面替换当前页面)，或使用window.location.href跳转到新页面后，再点击后退到原页面，再重新进行跳转事件时，页面不仅没有进行跳转，且没有任何反应（控制台无错误信息）。 说得笼统一点，这是因为第一次跳转时window.open()或window.location.href已经记录过一个要跳转的值了，跳转或后退到原页面时，该值没有被清空，再次执行事件时自然会没有反应。 思路： 定义一个全局变量记录window.open()打开的窗体 如过该.
vue使用window.location.href 跳转失败
qq_43654065的博客
09-14 2238
vue项目中直接使用window.lcocation.href跳转外链，但是跳转的链接会被拼接成这样。
vue中ios系统window.location后跳转外链后点击系统返回按钮后存在的问题
二七二十七的博客
09-20 1709
在实际开发中，在ios系统上出现了一个问题：当从外链页面B点击系统返回键到页面A时，路由钩子函数没有执行，同时created和mounted生命周期钩子中的部分代码也没有执行
vue 点击按钮跳转另一个项目的链接地址，从另一个项目返回回来页面怎么让他刷新
最新发布
Judy1623
01-24 718
如果你在 Vue 3 中点击按钮跳转到另一个项目的链接地址，然后从另一个项目返回时想要刷新页面，这就涉及到不同域的页面之间的通信问题。一种解决方法是在跳转到另一个项目的链接地址时，将一个标识参数传递给另一个项目。当从另一个项目返回时，检查 URL 中是否包含该标识参数，如果存在则执行页面刷新操作。请注意，在以上示例中，需要确保两个项目在不同的域名（或子域名）上，以便彼此之间可以进行跳转和通信。这样，点击按钮跳转到另一个项目后，从另一个项目返回时，会执行页面刷新操作。
解决vue单页面跳转返回后页面不刷新的问题
weixin_30594001的博客
11-16 5071
一、问题：在vue项目中通过location.href跳转到第三方页面，然后点击浏览器返回按钮回到自己的页面，用nginx起服务页面不刷新，在用node起服务中页面是正常刷新的； 二、产生该问题的原因：微信浏览器对页面进行缓存； 三、解决方案： 1 　　 window.onpageshow = null; 2 window.onpageshow = functi...
异步组件的用法
zaoqinghuan的博客
03-13 3666
随着项目越来越大，性能问题已经成为了困扰业务发展的重要因素。业务发展、用户体验都非常迫切的需要释放页面的负载，提高页面加载速度。vue项目中，异步组件的使用有利于项目的性能优化。 一、什么是异步组件 异步组件就是定义的时候什么都不做，只在组件需要渲染（组件第一次显示）的时候进行加载渲染并缓存，缓存是以备下次访问。 结合vue的源码分析，异步组件的本质是：实现了2次渲染，先渲染成注释节点（占位），当组件渲染成功后，调用forceRender重新渲染 二、异步组件的三种方法 1、工厂函数实现 在大型应用中，.
vue location.href跳转不刷新页面
08-16
当使用Vue中的`location.href`进行页面跳转时，如果当前页面的URL和跳转的URL是相同的，页面可能不会刷新。这是因为`location.href`只会在URL发生改变时才会重新加载页面。例如，如果你想从页面B跳转到页面A，并且...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值