javascript - Gibt es eine gute Möglichkeit für Vue, zur vorherigen Route zurückzukehren und die Position unverändert zu lassen?

Question

Wenn es viele Seiten gibt, klicken Sie auf eine Seite in der Liste, um zu den Details zu gelangen, und kehren Sie dann von den Details zur vorherigen Seite zurück. Die Position kann nicht geändert werden und der Code wird nicht aktualisiert . Es ist besser, scrollBehavior zu verwenden. Ich habe etwas Ähnliches wie dieses Modell gemacht, und ich hoffe, Sie können mir einen Rat geben.

習慣沉默 · Answer

beforeRouteLeave(to, from, next){
  let position = window.scrollY()
  this.$store.commit('SAVE_POSITION', position) //离开路由时把位置存起来
}

在页面中取值

mounted () {
  this.$nextTick(function(){
    let position = this.$store.state.position //返回页面取出来
    window.scroll(0, position)
  }) 
}