Vue gère la page du tableau via le tableau suivant sans rendu

Cette fois, je vais vous amener Vue à utiliser le tableau suivant pour gérer les pages de tableau sans rendu. Vue utilise le tableau suivant pour gérer les pages de tableau sans rendu. Quelles sont les précautions . est un cas pratique. Jetons un coup d'œil.

Il convient de noter que la raison pour laquelle Vue est capable de surveiller les changements dans le modèleétat est parce que le langage JavaScript lui-même fournit un proxy ou un objet. Le mécanisme observe() est utilisé pour surveiller les changements dans l'état de l' objet . Cependant, il n'existe aucun moyen de surveiller directement l'affectation des éléments du tableau. Par conséquent, si nous attribuons directement des valeurs aux éléments du tableau :

vm.todos[0] = {
  name: 'New name',
  description: 'New description'
};

. Cela empêchera Vue de mettre à jour View.

La bonne méthode n'est pas d'attribuer une valeur à l'élément du tableau, mais de mettre à jour :

vm.todos[0].name = 'New name';
vm.todos[0].description = 'New description';

Ou, via la méthode splice(), supprime un élément puis ajoute un autre élément pour obtenir l'effet "d'affectation" :

var index = 0;
var newElement = {...};
vm.todos.splice(index, 1, newElement);

Vue peut surveiller les appels de splice, push, unshift et autres méthodes du tableau, afin que le code ci-dessus puisse mettre à jour correctement la vue.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment gérer la superposition d'options de select

Comment importer la bibliothèque CSS dans vue .js

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!