1.app.vue文件
<keep-alive>
<router-view v-if="$router.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$router.meta.keepAlive"></router-view>
2.router--->index.js
在想缓存的路由下增加
meta:{
keepAlive:true
}
3.在刷新的页面监控路由，判断从哪个页面进来刷新哪个页面进来不刷新
watch:{
$route(to,from){
if(!from.name=='detail'){
//当不是从详情页面进来的时候都重发请求
getData(1);
}
}
}
1.app.vue文件 vue中,我们有时候需要实现这种场景: 1.搜索页面到列表页面，需要刷新重新获取数据。 2.从详情页面返回列表页面...vue使用keep-alive实现页面前进刷新,后退缓存
vue中,我们有时候需要实现这种场景: 1.搜索页面到列表页面，需要刷新重新获取数据。 2.从详情页面返回列表页面...
使用
前言：对于前端，都会遇到这么一个场景。例如列表页面，点击相应列表，进入详情页面，在详情页返回到列表页面时，需要返回...
需求：在一个vue的项目中，我们需要从一个列表页面点击列表中的某一个详情页面，从详情页面返回不刷新列表，而从列表的...
@bye_past/vue-keep 介绍 @bye_past/vue-keep可以帮助你实现前进刷新，返回时之前...
使用vue单页开发项目时遇到一个问题：在列表页进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查...
vue实现不刷新整个页面刷新数据 这样就出现了一个bug,如新闻列表页和发布新闻页面已通过点击左侧导航打开并添加至...
起源：列表页-》详情页，点击返回列表页数据不刷新 问题：钉钉微应用开发，头部有添加按钮和标题，当页面不刷新时，同时...
本文标题：vue实现返回列表不刷新
本文链接：https://www.haomeiwen.com/subject/gfvygxtx.html
网友评论