vue 浏览器返回上一页面不刷新数据

最新推荐文章于 2024-03-14 17:54:20 发布

偏执zz

最新推荐文章于 2024-03-14 17:54:20 发布

阅读量1.2k

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_37804387/article/details/131795521

版权

Vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.app.vue

<keep-alive>
    <router-view v-if="$route.path == '/theme/classMeeting'"></router-view>
</keep-alive>

<router-view v-if="$route.path != '/theme/classMeeting'"></router-view>

返回页面

beforeRouteLeave(to, from, next) { //保存滚动条元素div的scrollTop值
	this.scrollY = document.getElementById('main').scrollTop
	next()
},

activated() { //如果页面有keep-alive缓存功能，这个函数会触发
	document.getElementById('main').scrollTop = this.scrollY // 设置滚动条位置
},