私は Vue 3 と vue-router 4 を使用しています。
コンポーネントにハッシュリンクがある場合
リーリー私のルーターには
があります リーリールーター リンクをクリックすると、目的の場所までスクロールしますが、スクロール中にコンポーネントが再作成されるため、以前に API から取得したデータはすべて失われます。
ナビゲーションが同じページ内にある場合、コンポーネントの再作成を回避する方法はありますか?
UPDATE このハッシュ リンクのいずれかをクリックすると、コンポーネントのセットアップ メソッドが再度実行され、コンポーネントが再作成されます。同じハッシュ リンクをクリックすると、スクロールするだけで、コンポーネントはアクティブなままになります。 他のハッシュ リンクをクリックすると、コンポーネントが再度再作成されます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
この場合、通常のリンク タグを使用するだけです:
リーリー<router-link>を使用したい場合は、 この質問 (https://forum.vuejs.org/t/how-to-handle-anchors-bookmarks) をお読みください。 - with-vue-router/14563)、その多くは、望ましい結果を達成する方法についての提案を提供します。