この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:1
ページ更新者:T
更新日時:2019-07-20 08:48:33

タイトル: $nextTickの使い方(ライフサイクルフック)
SEOタイトル: 【Vue.js】$nextTickの使い方(ライフサイクルフック)

mountedやupdatedを使用しても全ての子コンポーネントがマウント/再レンダリングされていることが保証されない。

保証するには$nextTickを使用する必要がある。

以下、実装例。

var app = new Vue({
  el: '#app',
  mounted: function () {
    this.$nextTick(function () {
      console.log("mounted");
    })
  },
  updated: function () {
    this.$nextTick(function () {
      console.log("nextTick");
    })
  },
})