👀

nuxtでstoreの更新がdomに反映されない時

2021/05/02に公開

nuxt tsを使っていてstoreの値は更新されているのに、その値がdomに反映されないことがありました。
vueによくある変更を検知するための方法を使っていたのですが上手くいかず、最終的にオブジェクトごとまるっと入れ替えることで期待通りの挙動になりました。

ダメ

this.a = {
 b: [1]
}
this.a.b.push(2)

オッケー

this.a = {
 b: [1]
}
const c = JSON.parse(JSON.stringify(this.a)
c.b.push(2)
this.a = c

オブジェクトが深いと変更を検知できないそうです。

Discussion