Vue如何做到前进刷新数据,后退不刷新数据呢?
2023-09-27 14:28:57 时间
https://segmentfault.com/q/1010000007555953
现在的项目中ajax请求都是用的vue-resouce在 组件created中调用. 这样写每次跳转都会刷新数据,现在想实现点击新页面的时候刷新数据,后退不刷新.应该怎么实现呢? vuex吗?望解答
可以这样,在router-view外面套一个keep-alive用来缓存路由,这样你打开过的路由再访问时就不会重新刷新,如果你需要打破这个限制,比如详情页不可以缓存,必须每次进去都加载,那么可以这样
这个demo你可以看一看http://github.com/lavyun
路由使用history模式的话,就可以使用scrollBehavior方法,
第三个参数 savedPosition 当且仅当 popstate 导航 (通过浏览器的 前进/后退 按钮触发) 时才可用。
就能根据这个参数判断当前是否后退,是否需要重新加载数据
相关文章
- 前端 vue Request Payload VS Form Data
- 【Vue】通过keep-alive实现路由组件的数据缓存
- 【Vue】通过插槽slot实现【父组件·数据】操作【子组件】(图文+代码示例)
- vue 仿QQ 开发流程
- [转]Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
- Vue项目--mock数据
- 【vue系列-04】vue的表单数据收集,基本指令和自定义指令
- (23)打鸡儿教你Vue.js
- 如何用vue封装一个防用户删除的平铺页面的水印组件
- 手机访问本地vue项目
- vue-quill-editor 富文本
- vue-监听视图滚动-加载下一页数据(鼠标滚动到底,加载)
- VUE-011-通过 v-if 和 v-for 实现特定值的列表循环匹配,并显示满足匹配条件的值
- 六、vue cli 调试
- axios之Vue请求初始化数据放在Created还是Mounted?
- Vue中使用mock来模拟数据
- Vue中监听数据是否渲染完成,完成后执行相关方法
- vue+leaflet示例:geojson数据地形剖面分析(附源码下载)
- 浅析Vue数据更新了但页面不更新的7种情况及vue异步更新带来的数据响应的误解
- Vue的实例属性和方法
- flask+vue:创建一个数据列表并实现简单的查询功能(一)
- VUE 爬坑之旅 -- 用 ES6 语法写一个工具类,并全局引用
- 一、vue+element ui 中勾选复选框获取列表当前行数据
- Vue父子组件互传数据详细流程