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

シェアする

IT・Web業界での転職への転職を考えていれば⇨IT・Web業界での転職なら【レバテックキャリア】

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

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

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

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

シェアする

フォローする