vue刷新当前页面

最新推荐文章于 2023-05-21 17:19:29 发布
最新推荐文章于 2023-05-21 17:19:29 发布
阅读量137 收藏
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/EEstefan/article/details/115824891
版权

1.整个页面重新刷新

//第一种
location.reload()
//第二种
this,$router.go(0)

2.新建一个空白页，然后再跳回来

this.$router.replace({
	path: ""
})

3.provide/inject组合使用
在这里插入图片描述
在这里插入图片描述

嗯，醴！
关注
vue开发网站--刷新当前页面
weixin_48596030的博客
06-06 688
比如可以使用this.$router.replace({ path: ‘/path’, query: { param: ‘newParam’ }})将路由参数修改为新的值从而刷新页面。如果在Vue中使用了Vue Router，可以使用该方法来刷新当前路由页面。调用router.go(0)将会重新加载当前路由，并且保留当前的数据和状态。可以在需要刷新的地方调用该方法，它会重新加载当前页面，并且所有数据和状态都会被重置。
vue项目如何刷新当前页面
qq_43146962的博客
05-29 217
解决办法： 1.用vue-router重新路由到当前页面，但是页面是不进行刷新的 2.采用window.reload()，或者router.go(0)刷新时，但是整个浏览器进行了重新加载，闪烁，体验不好 3.推荐办法：用provide / inject 组合 原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效 在App.vue，声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载 <template>
vue项目如何刷新当前页面的方法
08-27
主要介绍了vue项目如何刷新当前页面的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
页面刷新：vue项目如何刷新当前页面 请看
weixin_46733392的博客
06-20 366
1、最直接整个页面重新刷新： location.reload() 第一种 this.$router.go(0) 第二种 2、provide / inject 组合 方式是我试过最实用的，下面用项目截图给大家说明下：首先，要修改下你的app.vue: 然后在需要当前页面刷新的页面中注入App.vue组件提供（provide）的 reload 依赖，然后直接用this.reload来调用就行 ...
vue项目刷新当前页面的方法
m0_49515138的博客
08-26 197
vue项目刷新当前页面的三种方法 provide / inject 组合 方式是我试过最实用的，下面用项目截图给大家说明下：首先，要修改下你的app.vue 通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载，这边定义了 isRouterAlive //true or false 来控制 然后在需要当前页面刷新的页面中注入App.vue组件提供（provide）的 reload 依赖，然后直接用this.reload来调用就行 ...
VUE刷新当前页面，重载页面数据
eric823的博客
02-01 1577
VUE刷新当前页面，重载页面数据 在开发Vue项目过程中，执行完，增，删，改，操作的时候，我们需要刷新一下页面，重载数据。发现，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，体验不佳；在vue中，可以用到一个 provide / inject 这对用例，通过控制router-view 的显示与隐藏，来重渲染路由区域，重而达到页面刷新的效果。 1.首先在我们的根组件APP.vue里面,写入刷新方法，路由初始状态是显
Vue页面刷新记住页面状态的实现
10-15
在Vue开发中，有时我们需要实现页面刷新后仍然能记住用户在页面上的操作状态，比如搜索条件、筛选选项等。这通常涉及到页面状态的持久化。本文将详细介绍如何在Vue项目中实现这一功能。 首先，Vue提供了`...
vue项目刷新当前页面
去他喵的博客
05-31 680
场景：自己项目中遇到 点击弹窗确定按钮时，当前页面的支付状态更改 页面需要不刷新实时更改 解决方法： 1.provide / inject 组合 作用：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。 app.vue: 声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载 <template> ...
vue项目刷新当前页面的三种方法
12-01
想必大家在刨坑vue的时候也遇到过下面情形：比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种： 如果希望点击确定的时候，Dialog 对话框关闭的时候，当前http://localhost:9530/#/supplier/supplierAll页面可以重新刷新下 那么表格的数据可以重新加载，Dialog 对话框设置的数据可以在确定后刷新出现在页面上 这时候我们最直接的思维就是想到下面这种： 但是，试过的会发现用vue-router重新路由到当前页面，页面是不进行刷新的，根本没有任何作用~所以这个方法out！ 下面我这边整理几种可圈可点的三种方式，大家可以自行的选择：
【Vue】实现当前页面刷新的四种方法
热门推荐
aDiaoYa_的博客
03-26 5万+
这两周在写一个后台管理，每次调用接口实现增删改查的过程中，都需要刷新当前页面或者刷新数据。因此整理了如下方法： 方法一：location.reload 方法二：$router.go(0) 方法三：provide、inject和$nextTick 方法四：创建空白页
vue刷新当前页面的4种方式方法
qq_41920758的博客
05-21 7244
4、通过在父页面的<router-view></router-view>上绑定和切换key属性,来销毁和重新创建页面的方式刷新页面,具体的方式是指定key的值为$route.fullPath,通过在子页面通过this.$router.push(this.$route.path+'?2、通过$router.replace方法, 跳转一个空白页面,然后再调回之前页面, 它利用vue-router切换页面会把页面销毁并新建新页面的特性。1、通过location.reload和$router.go(0)方法。
Vue刷新当前页面几种方式
高先生的猫
05-15 7529
问题 最近些日子项目中突然碰到了一个需求，再完成编辑操作之后需要进行页面刷新，通过实验有如下几种姿势可以解决需求中的问题，下面进行简单总结如下。 姿势一：this.$router.go(0) 这个姿势是利用了 history 中前进和后退的功能，传入 0 刷新当前页面。但是有一个问题就是页面整个刷新过程中会白屏，严重影响用户的体验感，效果不好。 this.$router.go(0) 姿势二：location.reload() 这个姿势是利用了直接使用刷新当前页面的方法。但是同样存在
页面刷新和vue页面刷新
霓虹深处
05-22 3万+
history.go(0) location.reload() location=location location.assign(location) document.execCommand('Refresh') window.navigate(location) location.replace(location) document.URL=location.href 这几个都可以刷新： ...
vue刷新当前页面，重载页面数据
卡卡罗特的博客
07-27 4万+
业务场景：在管理后台，在执行完，增，删，改，操作的时候。我们需要刷新一下页面，重载数据。在JQ中我们会用到location.reload()方法，刷新页面；在vue中，这里需要用到一个 provide / inject 这对用例。（其他方法：this.$router.go(0)，会强制刷新，出现空白页面体验不好） 这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次...
vue刷新当前页面的方法
最新发布
06-01
可以使用以下方法刷新当前页面： ```javascript location.reload(); ``` 或者在Vue组件中使用以下方法： ```javascript this.$router.go(0); ``` 这将重新加载当前路由，从而刷新页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值