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

偏执zz

于 2023-07-28 09:27:46 发布

阅读量1.5k

点赞数

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

本文链接：https://blog.youkuaiyun.com/qq_37804387/article/details/131795521

版权

Vue 专栏收录该内容

11 篇文章

订阅专栏

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 // 设置滚动条位置
},