Vueでpropsの変更を検知する方法

JavaScript
スポンサーリンク

Vueでpropsの変更を検知する方法

今回はpropsで受け取る変数をhogeとします。

// ・・・省略・・・
props: ['hoge']
// ・・・省略・・・

watchを使い、hogeが変更された場合にその変更を検知できます。

// ・・・省略・・・
watch: {
      hoge: function(newHoge, oldHoge){
        console.log('hogeが'+oldHoge+'から'+newHoge+'に変更されました';
      }
}
// ・・・省略・・・

functionの引数はそれぞれ次の内容になります。

  • 第一引数・・・変更後のhoge
  • 第二引数・・・変更前のhoge
タイトルとURLをコピーしました