vue-router 現在のページを表示させたままで遷移後のページの画像のプリロード

Question

実現したいこと

1. /foo にて /bar へのリンクをクリック
2. /foo のページはそのままの状態でローディング中のアイコンを表示する（この間に/bar の画像をプリロード）
3. プリロード完了後、/foo をフェードアウト、/bar をフェードイン

発生している問題

リンク先のDOM要素を取得する方法がわかりませんでした。

試したこと

コンポーネントの beforeRouteEnter, beforeRouteLeave で from to の中身を確認してみましたが遷移後のDOMは取得できないようでした。

補足情報（FW/ツールのバージョンなど）

vue, vur-router とも最新版です。

---

よろしくお願いいたします。

Answer 1

結論から言うとリンク先の DOM は取得できません。
リンク先のコンポーネント内で画像URLを配列にして変数に入れておいて、
beforeRouteEnter でそれらの画像URLをプリロードすれば良いでしょう。