vue プロジェクト内のオブジェクトの新しいキーと値のペアの応答性が失われる

vue プロジェクト内のオブジェクトの新しいキーと値のペアの応答性が失われる

問題の説明:

既存のデータは次のとおりです (データ)。add として各項目に属性を追加する方法は、値は「22」です。オブジェクト メソッドを直接使用すると、ページの応答性が失われます。2 番目の手順を参照してください。

data:[
{
id:1,
name:2,
age:30
},{
id:2,
name:3,
age:30
},
]

解決:

コピーして貼り付けるだけです

this.$set(obj,"add","22")
this.$set()		就是语法,没啥解释的
obj			原来的对象,就是上面数据data里面的每一项
"add"		需要增加的键名,记得用 *“引号”* 包裹,否则会提示变量未定义
"22"		需要增加的键值,记得用 *“引号”* 包裹,否则会提示变量未定义

説明したほうが安心です 私は既成概念にとらわれないものが好きです 他の人の物を見ると、Cがどこにあるのかはわかるのですが、Vがどこにあるのかわからないのですが?
** したがって、上記のコードを追加したい場所は、V に移動するだけです。**

おすすめ

転載: blog.csdn.net/m0_71585401/article/details/130240302