美文网首页
vue 浏览器返回上一页面不刷新数据

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

作者: 仰望天空的人 | 来源:发表于2022-10-26 14:17 被阅读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>

  1. 返回页面
beforeRouteLeave(to, from, next) { //保存滚动条元素div的scrollTop值

this.scrollY = document.getElementById('main').scrollTop

next()

},

activated() { //如果页面有keep-alive缓存功能,这个函数会触发

document.getElementById('main').scrollTop = this.scrollY // 设置滚动条位置

},

相关文章

网友评论

      本文标题:vue 浏览器返回上一页面不刷新数据

      本文链接:https://www.haomeiwen.com/subject/hzmijrtx.html