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

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

作者: 奕格 | 来源:发表于2021-09-01 16:37 被阅读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>

2. 返回页面

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/ixzxwltx.html