vuejs, je souhaite imprimer l'ID/nom du parent une seule fois pour son enfant

Question

<td v-if="currentId != loop.id" class="text-center">
    <div :set="currentId = loop.id">{{ loop.id }}</div>
</td>
<td v-else></td>

Besoin d'atteindre cet objectif Il s'agit d'un tableau parent/enfant multidimensionnel qui doit être imprimé sur un tableau. Ainsi, lorsque le premier parent imprime sur une ligne, nous arrêtons d'imprimer les parents en double jusqu'à ce que ses enfants aient terminé. avertissement de la console J'ai défini currentId sur loop.id, il affiche un avertissement de console.

Answer 1

data() {
  return {
    currentId: '0',
  }
},
methods: {
  assignCurrentId: function(id) {
    if( this.currentId == id) {
        return false;
    } else{
        Object.defineProperty(this, 'currentId', {value: id, writeable: false});
        return true;
    }
}

J'ai trouvé quelque chose ici pour arrêter/désactiver la réactivité des variables et ça fonctionne maintenant - https://stackoverflow.com/a/52844620/5156910