问题
我目前正在使用laravel和vue js开发一个应用程序,但与vue js的常见实现(即SPA )不同,我试图用MPA来实现该应用程序。然而,当我回到上一页时,我才意识到整个页面被重新加载,所以整个页面被刷新,滚动位置返回到页面的顶部。如果我使用纯刀片(没有vue js),则不会发生这种情况。这在我的情况下是非常烦人的,因为我正在制作无限滚动的产品列表页和产品详细信息页。当用户看到产品详细信息后想返回产品列表时,感觉就像一个笑话,但是列表被刷新,滚动位置在页面的顶部(实际上就像一个新页面)。
所有页面都使用此刀片布局。
productlist.blade.php和productdetail.blade.php
<html>
<head>
<script>/* VueJs here */</script>
</head>
<body>
<div id="app">//all element and vue component is inside here//</div>
</body>
</html>resources/js/app.js
const app = new Vue({
el: '#app',
router
});我到处找遍遍,却一无所获。我真的希望有人能帮我,并给我一些建议,因为这是很难找到讨论的拉拉+ vue js在MPA风格。
发布于 2021-09-08 15:47:24
试试这个https://router.vuejs.org/guide/advanced/scroll-behavior.html
scrollBehavior (to, from, savedPosition) {
// return desired position
}https://stackoverflow.com/questions/69105626
复制相似问题