记录主元素
computed: {
elTable: function() {
return document.getElementsByClassName('layout-content')[0]
},
},
当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。
当再次进入(前进或者后退)时,只触发activated。
data() {
return {
scrollPosition: 0,
}
},
activated() {
this.$nextTick(() => {
this.elTable.scrollTop = this.scrollPosition
})
},
beforeRouteLeave(to, from, next) {
this.scrollPosition = this.elTable.scrollTop
next()
},
文章来源地址https://www.toymoban.com/news/detail-733047.html
文章来源:https://www.toymoban.com/news/detail-733047.html
到了这里,关于vue列表跳转详情,记录列表滚动不变的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!