記錄主元素
computed: {
elTable: function() {
return document.getElementsByClassName('layout-content')[0]
},
},
當(dāng)引入keep-alive的時候,頁面第一次進(jìn)入,鉤子的觸發(fā)順序created-> mounted-> activated,退出時觸發(fā)deactivated。
當(dāng)再次進(jìn)入(前進(jìn)或者后退)時,只觸發(fā)activated。
data() {
return {
scrollPosition: 0,
}
},
activated() {
this.$nextTick(() => {
this.elTable.scrollTop = this.scrollPosition
})
},
beforeRouteLeave(to, from, next) {
this.scrollPosition = this.elTable.scrollTop
next()
},
文章來源地址http://www.zghlxwxcb.cn/news/detail-733047.html
文章來源:http://www.zghlxwxcb.cn/news/detail-733047.html
到了這里,關(guān)于vue列表跳轉(zhuǎn)詳情,記錄列表滾動不變的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!