Nuxt でルート変更後にページがスクロールしないようにするにはどうすればよいですか?

Question

Nuxt プロジェクトがあります。ルートを http://localhost:3000/catalog/postery から http://localhost:3000/catalog/postery/all?photos[]=262 に変更すると、ルートが変更された後でないとページが一番上にスクロールしない

私のファイルscrollBehavior.js:

リーリー

ルートを変更する前にページが一番上までスクロールしないようにするにはどうすればよいですか?

Answer 1

つまり、次のことが必要です:

• リンクをクリックしてください
• ページのレンダリングを開始
＃＃＃トップにスクロールします＃＃＃
Vue ルーターの

ドキュメントから、

次のようなコードを使用できます。 /app/router.scrollBehavior.js

リーリー 条件または setTimeout

を使用して

を実現することもできます リーリー リーリー この回答

vue-scrolltoを使用することも役立つかもしれません。 最後のオプションは、トランジション効果

を使用して、醜い揺れ/読み込みを隠すことです。これは実際には非常に魅力的です。