javascript - vue tidak boleh mengekalkan kedudukan tatal menggunakan keep-alive.

Question

Paparan atas<router-view>设置<keep-alive>Walaupun ia boleh cache data dan tatal Atas, selepas menggunakan tarik-ke atas untuk memuatkan lebih banyak data dan mengklik pada halaman item untuk kembali, kedudukan tatal atas halaman sebelumnya tidak dapat direkodkan dengan tepat, dan sisihan akan menjadi agak besar, kadang-kadang. Kembali ke atas Adakah anda pernah mengalami masalah yang sama?

//自己稍微精准控制一下scrollTop，但是keep-alive还是按照缓存记录scrollTop滚动。
$("html,body").animate({scrollTop:this.scrollTopDistance},0);

Answer 1

Saya juga menghadapi masalah yang sama Saya bercadang untuk menggunakan cache untuk menyimpan kedudukan bar skrol pada setiap halaman, dan kemudian mengeluarkannya dan menetapkan kedudukan apabila kembali ke halaman. Tetapi saya rasa kaedah ini sangat kasar. Saya belum menemui cara yang lebih baik lagi, jadi saya akan mengkajinya dengan lebih lanjut.

Vue-router yang baru saya periksa mempunyai fungsi scrollBehavior yang boleh melakukannya,

Gelagat tatal: fungsi (kepada, daripada, savedPosition) {

return savedPosition || { x: 0, y: 0 }

}, bersedia untuk melihat esok