Vue.js で データの変更が反映しない時の「forceUpdate」



vue.js本格的に使ってますが
たまにはまることあります。
その一つが、データ反映してもDOM側に反映しないケースです。
公式曰く
https://jp.vuejs.org/2016/02/06/common-gotchas/

1.data 監視時に、存在しない新たなプロパティを追加した場合
2. 直接インデックス(例: arr[0] = val) を設定、または length プロパティを変更することによって配列を変更する場合
とあるんだけど、

見直しても、どうもそれだけじゃないっぽい。

コピーして量産したページでこれだけ動かんとかあって、
実行後、他のコントロールを触ると反映したり、そんな感じ。

どっかはよくないことしてるのかも知れないけど
調査が面倒になってきた場合の対策。

そんな時の「forceUpdate」です!
反映したいとこにこう書くだけ!
vue.$forceUpdate();

めっちゃ便利です!

 

0 件のコメント :

コメントを投稿