Explication détaillée de la façon de mettre à jour $set et array dans vue.js

En raison des limitations de JavaScript, Vue ne peut pas détecter les tableaux modifiés suivants : lors de l'utilisation de l'index pour définir directement un élément du tableau, par exemple : vm.items[indexOfItem] = newValue

Lorsque vous modifiez le longueur du tableau Lorsque, par exemple : vm.items.length = newLength, le tableau ne sera pas mis à jour.

Bien sûr, il existe une solution dans vue, qui est d'utiliser Vue.set, vm.$set (une variante de Vue.set) ou splice, caoncat, etc. pour modifier le tableau, ce qui déclenche également une mise à jour du statut :

ex :

Donc si de nouvelles propriétés sont ajoutées à l'instance après la création de l'instance, la mise à jour ne sera pas déclenchée .

ps : Il y a maintenant deux tableaux, arr1 et arr2. Si arr1 modifie le tableau en attribuant une valeur d'indice et que arr2 modifie le tableau de $set, quel sera le résultat ?

data:{
 arr1 = ['a','b','c'];
 arr2 = [‘foo','bar','baz'];  
}

vm.arr1[1] = 'alpha';
vm.$set(vm.arr2, 1, 'alpha');

D'après ce que nous avons dit au début que changer le tableau en fonction de l'index de l'indice ne peut pas déclencher une mise à jour du statut, nous saurons que : le deuxième changement du premier tableau ne sera pas mis à jour le page, seule la modification du deuxième tableau Les modifications seront mises à jour sur la page. Cependant, le résultat est :

arr1 = ['a', 'alpha', 'b', 'c'];
arr2 = [‘foo', 'alpha', 'bar','baz'];

Les valeurs​​des deux tableaux sont mises à jour. En d'autres termes, lorsque arr2 est mis à jour à l'aide de la méthode $set(), la page sera complètement mise à jour.

Recommandations associées :

Explication détaillée de la mise à jour du tableau VUE

Comment mettre à jour le tableau vers la base de données en PHP

, une méthode pour mettre à jour les données de la base de données MySQL à l'aide de tableaux

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!