this.$router.push跳转到当前页 页面没有刷新

最新推荐文章于 2025-07-08 10:03:35 发布
转载 最新推荐文章于 2025-07-08 10:03:35 发布 · 4.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/ch-zaizai/p/11096138.html
文章标签：

#javascript #ViewUI 

在router-view 中加入 key 就好了，因为在路由页面存在页面缓存。
<router-view :key="this.$route.path"></router-view>

转载于:https://www.cnblogs.com/ch-zaizai/p/11096138.html

通过this.$router.push跳转同一路由页面只会刷新一次的问题怎么解决
韩旭不会敲代码吧的博客
04-25 2473
通过this.$router.push跳转同一路由页面只会刷新一次的问题怎么解决
Vue中给当前页面传递参数并重新加载，vue使用this.$router.push跳转页面，给跳转过去的页面传参不一致时重新加载
G佳伟
03-15 1955
使用 watch 监听 $route 对象的变化，当路由发生变化时重新加载数据或执行其他操作。 利用路由参数来传递参数，并响应参数变化重新加载页面数据。 下面是一个示例代码，演示了如何在Vue中给当前页面传参并重新加载：
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 查看后才发现使用的
this.$router.push()跳转页面不刷新 （分页组件点击，query参数变化）
weixin_46331416的博客
02-23 4093
this.$router.push()跳转页面不刷新 问题： 我有一个动态路由：/page/:offset?,但是我用query传参的时候，页面却不刷新，
Vue 实现当前页面刷新的几种方法
最新发布
Judy1623
07-08 1754
本文介绍了6种Vue页面/组件刷新方法：1) $router.go(0)利用路由历史记录刷新；2) location.reload()强制重载页面；3) 通过router-view的key属性实现路由刷新；4) v-if指令控制组件显隐实现局部刷新；5) key属性强制组件重渲染；6) 结合localStorage保存状态后刷新。每种方法各有特点：全局刷新简单但影响体验，局部刷新更精细但实现复杂。建议根据需求选择：简单场景用v-if，保留状态用存储，性能敏感避免全局刷新。最后强调应根据具体场景权衡选择合适方
Vue路由this.$router.push跳转页面不刷新
Marray000的博客
11-01 5571
在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。
vue $router.push 跳转到当前页面 地址栏变但是数据不刷新
qq_26241443的博客
03-30 3045
vue-router跳转页面时，如果name和当前页面的name一样，只是query的参数不一样，那么会导致页面内容不刷新，因为页面内容是在created中根据route中的参数来获取的，但是跳转当前页面不会出发created。
this.$router.push跳转页面后并刷新页面
08-18
在 Vue.js 中，`this.$router.push` 方法会进行页面的跳转，但不会刷新页面。如果你希望在页面跳转后刷新页面，可以考虑使用以下方法： 1. 通过给 `this.$router.push` 方法传递一个新的 `key` 参数来实现强制刷新...
this.$router.push跳转时刷新页面
03-22
好的，我现在需要解决用户在Vue.js中使用this.$router.push跳转同一路由时页面不刷新的问题。首先，我得回顾一下用户提供的引用内容，找出已有的解决方案和相关原因。 根据引用[1]，用户提到在全局或单个页面监听...
vue this.$router.push 跳转后，刷新页面
04-19
在Vue中，使用`this.$router.push`进行路由跳转后，默认情况下是不会刷新页面的。这是因为Vue是一种单页面应用（SPA）框架，它通过动态更新DOM来实现页面的切换，而不是通过传统的页面刷新方式。 如果你想在路由...
vue history模式下$router.push为什么不会刷新页面
chtazycdf的博客
04-19 1152
该方法不会刷新页面，会向浏览器的会话历史栈增加一个条目。
router.push不刷新（8种解决方案）
leveretz的博客
11-13 1万+
router.push不刷新（8种解决方案）
vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)
热门推荐
qq_38143787的博客
10-23 3万+
这其实是一个很常见的问题,当使用push的时候,会向 history 栈添加一个新的记录,这个时候,再次添加一个完全相同的路由的时候,就不会再次刷新了. 没有耐心的可以直接看第九种方式,绝绝子,适用所有场景. 解决办法有这么几种: 1. 添加activated函数。 activated（）{ 在这里插入代码片 } 2. 通过路由监听的方法。将mounted下的方法函数放到watch路由下 // 不推荐、用户体验不好 watch: { '$route' (to, from) { // 路由发
router.push页面不刷新问题解决-前端
qq_35193154的博客
05-08 960
【代码】router.push页面不刷新问题解决-前端。
vue3使用router.push()页面跳转后，该页面不刷新问题
wang13679201813的博客
09-20 1万+
这是一个常见问题，当使用push的时候，会向history栈添加一个新记录，这个时候，再添加一个完全相同的路由时，就不会再次刷新了。在页面跳转时加上params参数时间。在跳转到的页面，添加watch监视。
Vue路由this.route.push跳转页面不刷新
CoderYin的博客
04-29 2万+
Vue路由this.route.push跳转页面不刷新 一、背景 介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。 案例： A页面： B页面： 问题： 当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页...
this.$router.push跳转不刷新解决
CHIHIRO1023的博客
10-09 932
this.$router.push跳转到新页面，页面没有刷新。在需要刷新的页面写上：beforeRouteEnter。
this.route.push传参不同跳转页面不刷新问题
CHIHIRO1023的博客
10-08 291
this.route.push传参不同跳转页面不刷新问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值