vuejs, ich möchte die ID/den Namen des Elternteils nur einmal für sein Kind drucken

Question

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

Dieses Ziel muss erreicht werden Es handelt sich um ein mehrdimensionales übergeordnetes/untergeordnetes Array, das in einer Tabelle ausgedruckt werden muss. Wenn also das erste übergeordnete Element in einer Zeile gedruckt wird, hören wir auf, doppelte übergeordnete Elemente zu drucken, bis die untergeordneten Elemente fertig sind. Konsolenwarnung Ich habe currentId als loop.id festgelegt, es wird eine Konsolenwarnung angezeigt.

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;
    }
}

在这里找到了一些东西，可以停止/禁用变量的反应性，它现在正在工作 - https://stackoverflow.com/a/ 52844620/5156910