Vue.jsで変数の値をリロード・リレンダーする方法

シェアする

フリーランスエンジニアの収入例を見てみる→ フリーエンジニアの案件なら、レバテックフリーランス

Vue.jsを使用していて、dataの値を更新した際に、dataの内容が更新されずに困ったことはないでしょうか?

そのような際にdataの値をDOMへ再評価させ表示させるメソッドとして$forceUpdate()メソッドがVue.js(2系)にはあります。

使用方法は簡単で、上記の例のようにDOMの再評価をしたい場所で、$forceUpdate()メソッドを実行するだけです。

Vue.jsを使用していると結構、dataの変数の値を変えたのにDOMに反映されないなんてことがあるので、そのような際にぜひ試してみてください。

シェアする

フォローする