vue项目中，首页在通过路由跳转进入后无法刷新数据的解决办法

最新推荐文章于 2023-04-13 21:16:37 发布
最新推荐文章于 2023-04-13 21:16:37 发布
阅读量303 收藏
点赞数
分类专栏： 无法刷新页面 ant-desgin vue 文章标签： vue html js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wkx8324183/article/details/107916543
版权

**

activated()

**
activated：在组件被激活时调用，在组件第一次渲染时也会被调用，之后每次keep-alive激活时被调用。

deactivated：在组件被停用时调用。
在此钩子函数中进行数据的请求，保证每次进入页面都会请求一次数据，必然跳转页面后页面数据不刷新的bug

老王快秃了啊.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue 路由变化页面数据不刷新的问题
08-27
下面小编就为大家分享一篇解决vue 路由变化页面数据不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解Vue项目编译后部署在非网站根目录的解决方案
01-19
由于开发出来的项目是要部署在客户方，且客户并不想单独拿一个域名（或子域）来部署，这时，打包后的程序就要作一些配置方面的修改了。 修改配置文件 1、把打包后的资源引用修改为相对路径 找到 config/index.js 中 ...
vue单页面多路由缓存问题，解决多路由前进刷新，后退不刷新问题
chaitong2204的博客
08-30 4188
同一组件被多次复用，有时需要缓存页面数据有时不需要缓存页面数据，最初想到的方法是利用   keep-alive 来进行页面缓存，经过一番验证发现单纯的用keep-alive是行不通的，原因如下 keep-alive 会对已加载过的路由进行缓存，而我同一个页面多次复用显然使用的都是同一个路由，所以在加载过一次之后，之后不管从哪里点击到该页面都是缓存的第一次的数据，这显然不是我们想要的结果。 还有...
Vue 中使用 router-link 后，URL 变化但是页面不刷新
m0_62404884的博客
11-02 3498
首先遇到这个问题后很疑惑，明明设置了router-link 跳转，但还是出现了问题，虽然URL发生了变化，但是页面却没变化，还停留在上一个页面的内容。尝试了好多方法发现都没用，最终找到了一个比较好的方法。 在app.js中添加 <router-view :key="$route.fullPath" /> ...
vue项目中解决路由缓存组件不重新请求数据问题
^_^
07-20 1938
场景： 当点击个护标题时再点击严选标题时页面数据没有发生请求 当点击标题时只有我们通过<router-link to="${xx}"></router-link>的路由id变了，并没有去重新请求页面的变化，只有刷新页面后才会去请求当前id的数据，其实也是可以理解的， 对比一下这两个路由 只是后面路由的参数变了，但是组件并没有销毁在创建，你也可以理解为，当你手动在浏览器输入id值时，并没有点击回车键或搜索，浏览器就不会自动去搜索数据，总结出现的问题：路由地址变了，匹配的是同
vue单页应用前进刷新后退不刷新方案探讨
weixin_30915951的博客
10-13 289
引言 前端webapp应用为了追求类似于native模式的细致体验，总是在不断的在向native的体验靠拢；比如本文即将要说到的功能，native由于是多页应用，新页面可以启用一个的新的webview来打开，后退其实是关闭当前webview，其上一个webview就自然显示出来；但是在单页的webapp应用中，所有内容其实是在一个页面中展示的，不存在多页的情况，这时就需要前端开发来想办法实现相应的...
解决Vue的router-link路由跳转但页面没有刷新问题
weixin_49884716的博客
11-15 4192
vue
vue项目页面进行数据更新的三种方法
weixin_43978501的博客
04-27 2万+
1.场景 在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 用vue-router重新路由到当前页面，页面是不进行刷新的 3.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验不好 4.解决方法 provide / inject 组合 作用：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层...
【已解决】Vue的router-link地址变化但页面不刷新
蹦极的考拉
09-22 4399
由于最近搞了一般企业网站做练习，其中遇到各种的问题，今天无意中发现router-link点击产品的时候，列表页可以顺利进入详情页，但是详情页里面推荐产品却不能跳转。一般出现的情况：当前链接和政要点击的链接地址结构是一样的，就不能跳转了。（貌似是路由的过，因为路由结构本身没变化，所以网页不会刷新，而是变化的url而已）死活就是不跳转，但是url是变化的啊，抓耳挠腮大半天，查资料之后终于弄懂了这个问题。设置 router-view 的 key 属性值为 $route.fullPath。
vue相同路由跳转强制刷新该路由组件操作
10-14
主要介绍了vue相同路由跳转强制刷新该路由组件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue在App.vue文件中监听路由变化刷新页面操作
10-14
主要介绍了vue在App.vue文件中监听路由变化刷新页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-router踩的坑之产品路由之间跳转页面不刷新
邪小新的博客
09-10 1113
使用路由参数时，例如从 /user/foo 导航到 /user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。 复用组件时，想对路由参数的变化作出响应的话，你可以简单地 watch (监测变化) $route 对象： watch: { '$route': function (...
关于react-router 点击Link跳转时 路径改变页面没有刷新问题
yxd189的博客
02-12 1351
react-router 点击Link跳转时 路径改变页面没有刷新问题
关于react-router v5 点击Link跳转时 路径改变页面没有刷新问题
LL9808的博客
10-25 1325
React Router 页面跳转不刷新问题
关于vue路由跳转后的页面不会刷新的解决办法
qq_51632935的博客
10-11 1万+
关于vue路由跳转后的页面不会刷新的解决办法
Vue 路由切换时页面内容没有重新加载
热门推荐
携手天下
03-05 4万+
第二次进入页面，页面路由参数已经改变，但是页面内容不会刷新。问题原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。后来发现App.vue中使用了&lt;keep-alive&gt;：&lt;template&gt; &lt;div id="app"&gt; &lt;keep-alive&gt; &lt;router-view&gt;&lt;/..
vue3中，this.$router.push刷新当前页面，该页面不重新加载需要手动刷新的解决方案
bbt953的博客
03-30 1万+
// 1-demo.vue 在this.$router.push('/demo')后，demo.vue没有刷新也没有重新加载，但是路由地址已经变了，只是需要手动刷新 // 2-解决 监听一下当前路由 watch: { $route (to, from) { // to表示要跳转的路由，from表示从哪儿跳的路由 to.path this.$router.go(0) }, }, // 以上是我目前可以解决我的问题的方法 // 以下记录百度搜到的，为了防止以后上述方法失效 //
VUE 使用router-link路由参数变化，页面数据不刷新问题
Schaffer的博客
07-13 2473
出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据。 解决方法：watch监听路由是否变化 watch: { // 方法1 '$route': function (to, from) { // 监听路由是否变化 console.log('123456789', to, from) if (this.$rout
vue2实现刷新后重新加载动态路由
qq_50994125的博客
04-13 3331
在vue2中，如果使用了动态路由，因为http的无状态性，用户在登录状态下，每次刷新后都需要重新加载路由，否则就会出现刷新后页面丢失。具体实现是通过添加一个前置路由守卫的方法，并设置一个sessionStorage，在每一次跳转路由前进行一次判定。1.登录后设置一个sessionStorage用于判断用户是否刷新。这样就简单的解决了vue2动态路由下刷新后页面丢失的问题。2.设置一个路由前置守卫进行判定。
vue 如何解决跳转同一路由后数据缓存
最新发布
07-16
综上所述，Vue中可以通过设置的replace属性、使用组件、在路由配置中设置meta属性或使用守卫来解决跳转同一路由后数据缓存的问题。根据具体需求选择合适的方法即可。 ### 回答2： 在Vue中，可以通过以下几种方式来...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值