vue返回上个页面，页面不刷新，使用vue的keep-alive

1.在路由上添加keepAlive为true，该页面缓存，进去该页面，不会刷新

{path: 'list',component: () => import('@/views/merchants/list'),name: 'merchantsList',meta: { title: '商户列表', noCache: false, keepAlive: true }
},

2.在app.vue添加以下内容

<keep-alive><router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

3.返回到缓存页面使用
this.$router.back()返回

4.如果两个页面同时缓存可能发生，页面路径虽然改变，但是跳转页面仍是上一个缓存页面，这个时候需要在缓存页面使用，路由导航钩子函数做处理

beforeRouteLeave (to, from, next) {// console.log(to)// console.log(from)// 列表页缓存to.meta.keepAlive = false;from.meta.keepAlive = false;next()
},

vue返回上个页面，页面不刷新，使用vue的keep-alive相关推荐

Vue 返回上一页页面不刷新
Vue 返回上一页页面不刷新场景:首页点进列表页时要刷新数据,信息页返回列表页时不刷新数据首先在router.js中配置 {path: '/home',name: 'home',meta: {ti ...
VUE 返回上一页不刷新页面、重复进入同一页面created重复执行、每次进入页面时都执行created、vue单页面多路由，前进刷新，返回不刷新
每次进入页面时都执行created.前进刷新,返回不刷新思路: 利用 keep-alive与vue-router配合使用 ,判断哪些页面需要每次进入刷新,哪些页面不需要每次进入刷新: keepAli ...
ionic 返回上一页，并刷新父页面
ionic 返回上一页,并刷新父页面使用Angular中EventEmitter事件驱动实现不同页面通讯 Ionic4中内置的生命周期函数:ionViewDidLeave - 在页面离开后触发 io ...
微信中苹果h5页面用window.history.go(-1)返回上一页页面不会重新加载/刷新
微信中h5页面用window.history.go(-1)返回上一页页面不会重新加载问题问题描述:在实际开发中遇到这样一个问题,业务需求涉及到返回上一页问题,第一时间想到了window.history ...
Vue返回上一个页面时如何触发上一个页面的方法
Vue返回上一个页面时如何触发上一个页面的方法返回时是利用浏览器的缓存,我们可以利用route不一样来监听. 代码: watch: {$route(now, old) {// 判断逻辑if (now ...
vue/uniapp - 返回上一页并onLoad刷新数据
在uni中,返回页面是不会触发onLoad方法的: 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用onShow的话,那刷新就太频繁了: 这时候,可以用$emit和$on去解决. 比如说,从详 ...
vue返回上一页并不刷新
vue返回上一页并不刷新 vue返回上一页并不刷新 1.首先添加在主页面添加keep-alive <keep-alive ><router-view :key="key&q ...
解决VUE返回上一页，上一页空白问题
问题: 我做项目的时候发现vue返回上一页的时候, 有时候router不会读取router上的参数,就会导致我的项目空白. 思路: 让返回上一页的时候,上一页能读取到路由参数解决: 根据上下页的n ...
vue返回上一页不刷新页面的方法 / vue缓存页面
问题: vue框架下,在返回上一页的时候(this.$router.go(-1)) ,默认会让上个页面重新执行一遍生命周期(即被刷新了). 想达到的效果: 返回上一页不刷新页面. 解决方法: 缓存上一 ...
vue返回上一页面时不刷新
前景: 在日常使用的时候,我们经常需要返回上一级页面的时候,不刷新页面,保持页面不变,这里就需要使用以下方法: 思路: 因为vue是单页面应用,进入其他页面时会销毁该页面,用keep-alive不让其 ...

vue返回上个页面，页面不刷新，使用vue的keep-alive

vue返回上个页面，页面不刷新，使用vue的keep-alive相关推荐

最新文章

热门文章