vue-route的问题，跳转不刷新。

最新推荐文章于 2023-06-02 08:41:29 发布
最新推荐文章于 2023-06-02 08:41:29 发布
阅读量272 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://segmentfault.com/a/1190000015369617
版权

如题，最近遇到一个奇怪的问题。vueroute第一次进去某个页面完全正常，第二次带不同的值进去，页面显示还是第一个页面的值，但是数据传进去了。第三次则显示第二次数值的页面。用了监听路由变化的方法
下面是详细过程

这是页面的created方法：
clipboard.png

第一次带参数1进去，正常执行：
clipboard.png

第二次带参数2进去，显示的是参数1的界面，但created被执行了，而且data数据都改变了
clipboard.png

第三次带参数3进去，显示的是参数2的界面
clipboard.png

weixin_34115824
关注
vue-router重定向不刷新问题的解决
12-09
前阵子太忙了，自己一个人一边开发着新项目，一边维护着旧项目，没时间写博客，终于让我腾出时间了。废话少说，开始正文。 问题描述: 之前项目是angular开发的，后来用vue重构后。项目路径和vue路径不一致，但是app端分享出的链接，依旧是旧项目链接。 解决方法： 通过阅读vue-router的官方文档，发现重定向可以解决这个问题。 如之前文件路径是'/live/detail/id=7234'，'/skill/microList/',新项目路径是 '/s/live/detail?id=7234','/s/live/list' {path: '/live/list(/)?:foo', redi
vue通过router地址传参跳转同一路由页面，页面不刷新的解决办法
weixin_54122176的博客
03-14 4982
记录一下最近遇到的vue路由页面间的跳转的问题，其中就涉及到了不同路由的跳转（/a/b1 => /a/b2）、相同路由不同参数间的跳转（/a/b?c=2）、相同页面锚点跳转（/a/b#id1 =>/a/b#id2）解决：可以在不刷新的页面通过监听route,重新加载数据。原因：渲染的是同一组件。
【vue-router】关于在vue3项目中使用vue-router碰到的坑(路由跳转但是页面不更新)
RanDoll_的博客
05-22 8324
首先来说第一个问题，解决思路很简单，就是在路由跳转的时候重新加载组件嘛，只需要给router-view添加一个和路由变化时相关的key就可以了，这样在渲染虚拟dom的时候算法就会判断两次的组件是有区别的，虽然看起来很简单，但是作者一开始没想到这个地方，使用了状态管理器，自定义事件等等方法，现在想来这些方法有些还是能成功奏效的，但是由于第二个问题的存在，这些问题都失败了。
解决vue路由传参跳转，界面不刷新的问题
weixin_44378370的博客
04-13 973
解决方法：在 router-view 中加 :key=“$route.fullPath”
Vue 解决route-link路由跳转时页面不刷新问题
qq_46274901的博客
04-15 4816
Vue 解决route-link路由跳转时页面不刷新问题
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
然而，在Vue-Router 3.0版本中，开发者可能会遇到一个常见问题：使用`router.push`进行页面跳转时，URL会改变，但页面内容不会自动更新，除非手动刷新页面。这个问题在GitHub上也有相关的讨论，特别是在3.0.1版本中...
vue-router路由参数刷新消失的问题解决方法
01-21
场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: ‘index’, params: res.data})传给主页组件，并在主页显示数据。但是刷新页面后，数据就消失了。 解决...
解决VUE-Router 同一页面第二次进入不刷新的问题
11-20
这些方法可以帮助你解决Vue-Router中页面二次进入不刷新的问题。根据具体情况，可以选择最合适的解决方案。如果希望避免全局页面重载，使用动态参数或监听路由变化通常是较好的选择。而如果参数需要在刷新后仍然可用...
vue相同路由跳转强制刷新该路由组件操作
10-14
在Vue.js应用中，路由是...在进行路由跳转和组件刷新时，理解Vue Router的工作原理至关重要，这可以帮助我们编写出更加灵活且可维护的代码。同时，遵循最佳实践和避免常见错误，如路由命名冲突，也能提高应用的质量。
VUE路由跳转后自动刷新一次页面
热门推荐
lbr527的博客
07-21 1万+
VUE实现router路由跳转后自动刷新一次页面
关于vue2强制刷新,解决页面不会重新渲染的问题
10-16
今天小编就为大家分享一篇关于vue2强制刷新,解决页面不会重新渲染的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决Vue的router-link路由跳转但页面没有刷新问题
weixin_49884716的博客
11-15 4318
vue
vue路由跳转页面不刷新、this.$router.go(-1)不生效
黑玫瑰
07-12 8219
vue项目中遇见了这样一个问题：使用this.$router.go(-1)回到上一页，路由改变了，但是页面展示还是停留在当前页面，需要手动刷新才能渲染跳转后的页面。router-view 如下： 一般情况用到上面这种写法就能解决问题了，但是我这里还是不生效。然后我就想到了如下方法：解决思路：在钩子时，使用存储from.path；然后在点击返回的时候使用this.$router.push代码：...
router.push不刷新（8种解决方案）
leveretz的博客
11-13 1万+
router.push不刷新（8种解决方案）
关于vue路由跳转后的页面不会刷新的解决办法
qq_51632935的博客
10-11 1万+
关于vue路由跳转后的页面不会刷新的解决办法
若依框架不同路由跳转到同一页面数据没刷新
敲代码无敌小奶龙的博客
06-02 1453
在不同的页面中可能会调用到同一个页面的组件，这时候我们会发现在不关闭这个页面的情况的下，从别的页面重新跳转到这个页面组件没被刷新。2023.6.2今天我解决了使用若依框架在不同路由跳转到同一个页面的时候组件没被刷新的问题。通过指定唯一的key值来强制刷新不同的路由跳转，这样就可以解决这个问题了。
Vue中刷新页面的四种方法
2301_76510083的博客
03-11 3394
vue中刷新页面的四种方法
VUE路由跳转并刷新页面（框架层实现）
伏帅的个人技术博客
12-13 1万+
VUE路由跳转并刷新页面
vue3 vue-router路由跳转 并刷新页面如何实现
最新发布
08-16
在 Vue 3 中，如果你想在使用 Vue Router 进行路由跳转的同时刷新当前页面，可以结合 `this.$router.push` 和 `window.location.reload()` 方法来实现。以下是一个简单的示例： ```javascript // 在某个组件内的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值