0
votes

Pourquoi V-pour l'article non réactif et non changé?

Pourquoi le nom 2 n'a-t-il pas changé et pas réactif? Qu'est-ce qui ne va pas? Comment puis-je le faire réactif de manière à ce que lorsque les propriétés de l'objet changent, le DOM change également? Lorsque je supprime le nom 2, rien ne se passe xxx

vue.js

0 commentaires

3 Réponses :

1
votes

La réactivité de Vue (2) est un peu délicate, ce lien explique comment résoudre ce problème https://vuejs.org/v2/guide/reactivity.html#for- Tableaux

0 commentaires

2
votes

Modifiez votre fonction d'élément Supprimer. Ne le réglez pas à un tableau vide. Filtrer le tableau comme ceci:

Votre balisage HTML: p> xxx pré>

Envoyez l'ID de l'élément que vous souhaitez supprimer sur DeleteItem () Strong > En tant qu'argument. P>

 deleteItem: function(itemId){
    let filtered = this.items.filter((each) => {
      return each.id !== itemId;
    })
    this.items = filtered; //Finally mutate the items[] in data
  }

0 commentaires

1
votes

Vous attribuez réellement un tableau vide à l'élément avec Index 1, au lieu de le supprimer. Si vous souhaitez supprimer l'élément avec Index 1, utilisez simplement L'épissure () et Vue réagira automatiquement à celle-ci: xxx pré>

ou, utilisez alternativement wewe.delete (), qui est à l'origine pour supprimer les propriétés de l'objet, mais peut également Supprimer les éléments des tableaux: P>

Vue.delete(this.items, 1); // 1 is the index

0 commentaires