vue ルーターはコンポーネントを更新せずにハッシュまでスクロールします

Question

私は Vue 3 と vue-router 4 を使用しています。

コンポーネントにハッシュリンクがある場合

リーリー

私のルーターには

があります リーリー

ルーター リンクをクリックすると、目的の場所までスクロールしますが、スクロール中にコンポーネントが再作成されるため、以前に API から取得したデータはすべて失われます。

ナビゲーションが同じページ内にある場合、コンポーネントの再作成を回避する方法はありますか?

UPDATE このハッシュ リンクのいずれかをクリックすると、コンポーネントのセットアップ メソッドが再度実行され、コンポーネントが再作成されます。同じハッシュ リンクをクリックすると、スクロールするだけで、コンポーネントはアクティブなままになります。 他のハッシュ リンクをクリックすると、コンポーネントが再度再作成されます。

Answer 1

この場合、通常のリンク タグを使用するだけです:

リーリー

<router-link> を使用したい場合は、 この質問 (https://forum.vuejs.org/t/how-to-handle-anchors-bookmarks) をお読みください。 - with-vue-router/14563)、その多くは、望ましい結果を達成する方法についての提案を提供します。