質問: ご覧いただきありがとうございます。 vue.jsでv-forでli要素を生成します。 生成が終わったらこの要素を取得し、何かしらのイベントを発火させたいと考えてます。 ``` テスト ``` v-forで仕様している配列は、 vueのmethodsの部分で生成しています。 methodsの部分で配列を生成してからv−forで中身を生成しています。 この生成したliをv-forが終了したタイミングで取得し、イベント発火させたいのですが、配列を生成してから、v-forが回るのでvueのどのタイミングで取得したら良いか、方法が見つかりません。 知見がある方がいらっしゃれば、助けていただけるとありがたいです。 分かりづらい文章で申し訳ないですが、よろしくお願いします。
回答: `Vue.nextTick` や vm.$nextTick() を使うことで描画後(DOM変化後)のタイミングでイベントは飛ばせるかと思いますがいかがでしょうか。 リアクティブの探求#非同期更新キュー ``` new Vue({ el: '#app', data: { item: [], count: 0 }, methods: { onClick() { this.item.push(this.count++) console.log('before', this.$el.innerHTML) this.$nextTick(() => console.log('after', this.$el.innerHTML)) } }, }) ``` ``` テスト {{i}} Toggle ```