nextTickについて

なぜそれが現れたのでしょうか?どのようなシナリオで使用されますか?

(1) Vue は非同期で DOM を更新します。データが変更されても、DOM の更新はすぐには完了しません。nextTick コールバックは、次の DOM 更新サイクルが終了した後に実行される遅延コールバックです。

(2) nextTick は以下の場合に使用されます。

1. データ変更後に操作が実行され、データ変更に伴って変更される DOM 構造を使用する必要がある場合、この操作は nextTick() のコールバック関数内にある必要があります。

2. vue ライフサイクルでは、DOM 操作が created() フックで実行される場合、それを nextTick() のコールバック関数にも配置する必要があります。(created() フック関数では、ページの DOM がレンダリングされておらず、現時点では DOM を操作する方法がないため、この時点で DOM を操作したい場合は、操作を記述する必要があります) nextTick() のコールバック関数内のコード)


 

おすすめ

転載: blog.csdn.net/qq_46617584/article/details/131658905