this.$setは、Vue配列にデータを追加します。

2023年3月4日#vue128

AI 翻訳

この記事はAIを通じて中国語から日本語に翻訳されました。原文を表示

AI が生成した要約

Vue不允许在已创建的实例上动态添加新的根级响应式属性。可以使用Vue.set(object, key, value)方法将响应属性添加到嵌套的对象上。如果直接给数组添加对象，视图不会更新，但可以输出正确的值。只有通过this.$set覆盖才能更新视图。

Vue は既存のインスタンスに動的に新しいルートレベルの反応性プロパティを追加することは許可されていません。代わりに、Vue.set (object, key, value) メソッドを使用してネストされたオブジェクトに反応性プロパティを追加することができます。

配列に直接オブジェクトを追加しても、ビューは更新されませんが、正しい値が出力されます。ビューを更新するには、this.$setを使用して上書きする必要があります。

 for (let i = 0; i < this.data.length; i++) {
  // this.data[i].state = false;
  this.$set(this.data[i], 'state', false)
}