vueでdocument.getElementById()は、元の値の問題を取得します.

に質問
どちらのインタフェースにもid=「test」のdivがあり、内容が異なり、ルーティングが切り替わるときdocument.getElementById()は元のインタフェースの値を取得します.
問題コード

//   1
aaa
//   2
bbb

//       ：

	

.card-fade-enter-active {
  animation: bounce-in 2s;
}

げんしょう
ページ1からページ2にジャンプするとdocument.getElementById(‘test’)は、終始aaaをゲット.逆にページ2からページ1にジャンプするとdocument.getElementById(‘test’)は、いつもbbbを手に入れています.
考える
幽霊に会ったgetElementById()にもキャッシュはありますか??そこで、ページ3で同じようにdocumentを試してみました.getElementById(‘test’)は、ページ1からページ3にジャンプすると同様にaaaを取得する.幽霊に会ったらdomは破棄されないの?ただし、ページ1が別の新しいページ4にジャンプして3にジャンプするとdocumentが表示される.getElementById(‘test’)=nullになりました.つまりdomは問題なく確実に存在すれば入手でき,存在しなければ空である.
の原因となる
ルートジャンプを振り返るとtransitionって何ですか?いやぁこのアニメが招いたのか!!!私は2つのインタフェースを切り替えるときにアニメーションがあるので、ページ1からページ2を切り替える秒getElementById(‘test’)は確かに2つあり、しかも1つ目を手に入れました.
反省する
1、なるべく同じIDのノードが出ないようにし、ページが違っても同時に出ないと思っている.2、制御スタイルはできるだけ#idではなく、ノードにスタイルを付加する.classは、idが様々な理由で修正され、対応するスタイルを修正することを忘れないようにします.