vue3 跳转页面成功后再刷新页面

Hayutin

已于 2024-01-17 11:56:08 修改

阅读量1.4k

点赞数 11

文章标签：前端 javascript 开发语言

于 2024-01-17 11:51:24 首次发布

本文链接：https://blog.csdn.net/Hayutin/article/details/135646324

版权

vue3 跳转页面成功后再刷新页面

应用场景：在用户登录成功后，跳转到登录前的页面，此时，由于未登录，请求接口没有返回对应的信息，所以需要从登录页面跳转后刷新页面。

    router.push({ path: decodedURL })
    .then(() => {
      // 重新刷新页面
      location.reload()
    })

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Hayutin

关注关注

11
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
vue3 跳转页面成功后再刷新页面

应用场景：在用户登录成功后，跳转到登录前的页面，此时，由于未登录，请求接口没有返回对应的信息，所以需要从登录页面跳转后刷新页面。
复制链接

扫一扫

vue 返回/跳转界面刷新数据

hello，是翠花呀

05-02

9792

vue 返回/跳转界面刷新数据方法一（网上大部分介绍的方法）使用 provide / inject 在父组件中通过 provide 来提供变量，然后在子组件中通过 inject 来注入变量 a.vue <template> <div id="app"> <pageName v-if="isRouterAlive"></pageName&g...

vue页面跳转后返回原页面初始位置方法

11-28

vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在设置返回位置为记录下的scrolly...

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

this.$router.push跳转时页面刷新问题

最新发布

wnk1997的博客

03-22

186

但是是全局刷新，界面会变白，不是很友好，最后修改了下方案，当接口成功返回的时候，手动去修改对应的响应式数据，这样就不需要调用接口重新获取一遍数据，去改变界面了。

vue-router3.0版本中 router.push 不能刷新页面的问题

11-30

在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 的地方。出现的情况是 router.push 后，url变化了，但是页面没有刷新，手动刷新一下才出现应有的画面。我看了一下 package.json，我的 vue 和 axios 是没有写版本号，但 vue-router 明明写了版本号，怎么可能以前行的，现在就不行了呢？然后，我使用 npm view vue-router 查看后才发现使用的

vue3中刷新当前页面的三种方法

kanno的博客

10-23

1万+

vue3中刷新当前页面的三种方法

【VUE3使用记录】页面及路由刷新

cpsxn的博客

06-08

8752

整理工作中用到的页面刷新方式 1.provide/inject 2.router.go(0) 3.location.reload 4.重复点击菜单时刷新页面

Vue3：刷新当前页面的方式

KissedBySnow的博客

04-20

2686

Vue3.2 刷新当前页面的方式

Vue3实现刷新页面局部内容

WEB前端李志杰

07-12

9688

一文教你在Vue3中如和实现页面的局部刷新。

vue单页面实现当前页面刷新或跳转时提示保存

10-17

主要介绍了vue单页面实现当前页面刷新或跳转时提示保存，在当前页面刷新或跳转时提示保存并可取消刷新，以防止填写的表单内容丢失，感兴趣的小伙伴们可以参考一下

vue页面跳转实现页面缓存操作

11-20

打野在A页面野区进行一波骚操作打了一只蓝爸爸，然后点击导航栏跑到B页面的野区秀操作打了一只红爸爸，然后他又回到A野区，希望A野区还是只有一只蓝爸爸被打的状态，其他野没被偷第一步在路由里面设置需要缓存的...

vue实现登录后页面跳转到之前页面

08-28

本文给大家分享了vue实现登录后页面跳转到之前页面的一个功能，有这方便需要的朋友学习参考下吧。

解决vue 路由变化页面数据不刷新的问题

08-27

下面小编就为大家分享一篇解决vue 路由变化页面数据不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue3做页面刷新

qq_32555123的博客

08-22

4864

vue3无空白刷新

vue3 刷新当前页面(provide,inject)

weixin_43136717的博客

11-09

4835

在vue 3项目中。结合provide和inject，刷新当前页面。

VUE路由跳转并刷新页面（框架层实现）

伏帅的个人技术博客

12-13

1万+

VUE路由跳转并刷新页面

vue3刷新当前页面

一枚小趴菜(´▽`)ﾉ

06-08

1143

链接：https://juejin.cn/post/7096744577071054879。商业转载请联系作者获得授权，非商业转载请注明出处。使用（provide/inject）刷新页面交互体验比较好。

Vue3刷新页面的方法

罗毅豪的博客

03-08

682

我们在删除完列表项后，通常需要刷新列表页，我们可以使用JS原生的方法刷新页面。 location.reload(); 但是这会让整个屏幕重新加载，体验很不好。更好的方式如下： Vue3解决方法： App.vue： <script setup> import { nextTick, provide, ref } from "vue"; const isRouter = ref(t...

vue跳转this.$router.push()同一路由如何强制刷新页面

weixin_55846296的博客

09-01

1万+

1，新建一个名为refresh.vue的文件（放在你认为合理的任意目录）; 2，在refresh.vue里添加 beforeRouteEnter“路由钩子”代码块，代码如下： <template> </template> <script> export default { beforeRouteEnter(to, from, next) { next(vm => { vm.$router.replace(from.path) //

vue3路由跳转当前页面不刷新

09-23

vue3中，当路由跳转时，参数不同但路径相同时，页面不会刷新。可以通过在`<router-view>`标签上添加`key`属性来解决这个问题。当`key`属性的值不同时，页面就会重新渲染。具体的代码如下所示： ```html <template> <router-view :key="route.fullPath"></router-view> </template> <script> import { useRoute } from 'vue-router' export default { setup() { const route = useRoute() return { route } } } </script> ``` 另外，在`watch`中监听路由的变化，当路由发生变化时可以执行相应的逻辑。例如： ```javascript import { useRoute, watch } from 'vue' const route = useRoute() watch(route, (newValue, oldValue) => { console.log('路由已触发变化', newValue, oldValue) // 执行相应的逻辑 }) ``` 以上两种方法都可以解决vue3路由跳转当前页面不刷新的问题。个人建议选择第一种方法，更加方便快捷。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交