vue进入页面刷新并且只刷新一次

最新推荐文章于 2024-09-07 18:41:27 发布

想想水门会怎么C

最新推荐文章于 2024-09-07 18:41:27 发布

阅读量4.2k

点赞数 3

文章标签：前端 js vue

本文链接：https://blog.csdn.net/weixin_55553106/article/details/118359213

版权

直接上代码

mounted: function() {
    if (location.href.indexOf("#reloaded") == -1) {
        location.href = location.href + "#reloaded";
        location.reload();
    }
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

想想水门会怎么C

关注关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
5
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue项目刷新当前页面的三种方法

12-01

想必大家在刨坑vue的时候也遇到过下面情形：比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种：如果希望点击确定的时候，Dialog 对话框关闭的时候，当前http://localhost:9530/#/supplier/supplierAll页面可以重新刷新下那么表格的数据可以重新加载，Dialog 对话框设置的数据可以在确定后刷新出现在页面上这时候我们最直接的思维就是想到下面这种：但是，试过的会发现用vue-router重新路由到当前页面，页面是不进行刷新的，根本没有任何作用~所以这个方法out！下面我这边整理几种可圈可点的三种方式，大家可以自行的选择：

vue项目如何刷新当前页面的方法

08-27

在 Vue 项目中，刷新当前页面是非常常见的需求，例如在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。本文将介绍 Vue 项目如何刷新当前页面的方法。问题描述在 Vue 项目中，刷新...

5 条评论您还未登录，请先登录后发表或查看评论

VUE路由跳转后自动刷新一次页面

最新发布

weixin_43866103的博客

09-07

924

五、provide/inject实现刷新：通过设置isReload来解决不刷新问题，原理就是通过v-if 控制组件的出现与消失, 达到重新渲染的效果。四、使用key-changing方法：使用key标记组件身份，当key改变时就是释放原始组件，重新加载，key的值可以是任意类型。window.location.reload()：安卓不支持、 ios支持、pc支持。this.$router.go(0)：安卓、ios都不支持、pc支持。二、 v-if方法：组件中v-if的值发生改变时，会重新渲染。

vue第一次进入页面只刷新一次

qq_43405603的博客

08-16

1019

if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; location.reload(); }

vue项目如何刷新当前页面

悦涵仙子的技术笔记本

07-04

2659

1.场景在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题用vue-router重新路由到当前页面，页面是不进行刷新的 2.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验不好 3.解决方法 provide / inject 组合作用：允许一个祖先组件向其所有子孙后代注入一...

vue 进入页面自动刷新并且只刷新一次

CMDN123456的博客

07-24

1268

vue 进入页面自动刷新并且只刷新一次

vue进入页面刷新一次

weixin_70027586的博客

01-10

1635

vue进入页面刷新一次！铁定成！！！！！

Vue：刷新页面且只刷新一次

qq_42383283的博客

01-06

1万+

问题：当初次进去系统时，vue组件显示不完全（右侧没滚动条，没法向下滚动）解决思路：在代码里加上只刷新一次 mounted: function() { location.reload(); }, 上面会一直刷新陷入死循环正确写法： mounted: function() { if (location.href.indexOf("#reloaded") == -1) { location.href

Vue进入页面刷新一次

qq_46738283的博客

05-26

846

Vue进入页面刷新一次。

vuejs进入页面只刷新一次

weixin_45682701的博客

10-15

2082

vuejs进入页面只刷新一次想要效果代码实现想要效果登录进入页面后自动刷新一次页面，不重复刷新。代码实现 1.在login页面登录成功时向sessionStorage赋值 sessionStorage.setItem('create',1) 2.进入到默认页面，在mouthed钩子函数中添加以下代码 if(sessionStorage.getItem('create')==1){ sessionStorage.removeItem('create')

解决VUE-Router 同一页面第二次进入不刷新的问题

10-15

在开发Vue.js应用时，...通过上述方法，我们可以解决Vue-Router中同一页面第二次进入不刷新的问题，并且可以有效处理页面刷新时的参数丢失问题，保证用户的操作体验。希望这些解决方案对你在实际开发过程中有所帮助。

Vue页面刷新记住页面状态的实现

10-15

总结一下，实现Vue页面刷新后记住状态的主要步骤包括： 1. 使用`<keep-alive>`组件缓存路由组件。 2. 将页面状态保存到`sessionStorage`中。 3. 创建一个混入对象`paramsMemoryMixin`，处理参数的保存和恢复。 4. 在...

Vue.js只刷新一次页面

陈新科的博客

01-22

1314

判断上次的页面这次刷新的路由是否一样，不一样才刷新。 mounted: function() { if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; location.reload(); } }, 或者判断上一个页面是不是登录页，是

Vue监听页面刷新和关闭功能

10-16

本文将详细介绍如何使用Vue.js监听页面刷新和关闭事件，以及如何结合JavaScript事件来实现这一功能。首先，Vue的生命周期钩子函数是处理这类问题的关键。在Vue组件中，`beforeDestroy`生命周期钩子可以用来在组件...

vue刷新当前页面

Maisu的博客

01-16

8877

通过location.reload和$router.go(0)都可以实现页面刷新,它利用浏览器刷新功能,相当于按下了f5键刷新页面优点:足够简单缺点:会出现页面空白,用户体验不好通过$router.replace方法,跳转一个空白页面,然后再调回之前页面,它利用vue-router切换页面会把页面销毁并新建新页面的特性优点:不会出现页面空白,用户体验好缺点:地址栏会出现快速切换的过程。

vue当进入页面时强制刷新一次，相当于点击左上角刷新按钮一次

候郑青

06-28

2916

使用到方法有两种，一个是window.location.reload()方法和路由router.go(0)方法，但是直接在vue界面调用的话会进行刷新死循环，一直刷新。

vue项目强制刷新页面

weixin_44264769的博客

08-23

1053

vue项目强制刷新页面。下面所写代码对应场景比较少见，首页在登录与不登录时展示的样子不一样，当牵扯的内容过多时，选择了双重判别进行强制刷新。针对其他情况只需要对第一层if内容进行重写即可。

js 进入页面只刷新一次

全易

02-24

2403

if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; location.reload(); } 效果：注意看唰一下白屏时

vue页面的定时刷新

zjt921586518的专栏

10-17

370

在做项目时我们肯定会遇到要求该页面几分钟去定时刷新一下获取最新数据这样的情况，那么这个时候我们就要使用setInterval()了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢？这就需要我们了解vue的生命周期。首先贴一张从官网截下来的图吧。在该图上我已经标注了触发和清除的时期，那么我们在使用中还有几个需要注意的点。 1、使用setInterval时this指向的...