JavaScript Vue.js 開発

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

vue.js本格的に使ってますが、たまにはまることあります。
その一つが、データ反映してもDOM側に反映しないケースです。

公式曰く

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

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

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

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

そんな時の「forceUpdate」です！
反映したいとこにこう書くだけ！

vue.$forceUpdate();

めっちゃ便利です！

 

Vue.jsのツボとコツがゼッタイにわかる本【電子書籍】[ 中田亨 ] 価格：2673円 (2021/8/6時点) 楽天で購入