vue.js - Vue récupère les données dans mongodb et elles semblent indéfinies au début, mais elles peuvent toujours être rendues.

Question

[Vue warn]: Error when evaluating expression "topic.meta.createAt != topic.meta.updateAt": TypeError: Cannot read property 'createAt' of undefined (found in component: <v-article>)

[Vue warn]: Error when evaluating expression "topic.meta.createAt": TypeError: Cannot read property 'createAt' of undefined (found in component: <v-article>)

Voici le message d'erreur. Vous trouverez ci-dessous ma partie de code.

    <h1>{{ topic.title }}</h1>
    <p class="info">
      <a v-for="tag in topic.tag" v-link="{name: 'tab', params: {tab: tag, page: 1}}" class="tag">
        {{ tag | convertTag}}
      </a>
      <a class="name"><strong>radical</strong></a>
      <span class="ask">{{ topic.meta.createAt | timeToNow }}&nbsp;发布</span>
      <span v-if="topic.meta.createAt != topic.meta.updateAt" class="update">{{ topic.meta.updateAt | timeToNow }}&nbsp;更新</span>
    </p>

Il s'agit d'un sujet de composant obtenu via mes getters. Il demande des données à mongodb via des actions. . .
convertTag et timeToNow sont tous deux des filtres écrits par moi

Answer 1

Dans ce cas, vous devez d'abord déterminer que l'objet topic.meta existe avant d'obtenir ses attributs, afin qu'aucune erreur ne soit signalée.
La raison de l'erreur est que vous obtenez ses attributs alors que vous n'avez pas obtenu les attributs. métadonnées

<h1>{{ topic.title }}</h1>
    <p class="info">
      <a v-for="tag in topic.tag" v-link="{name: 'tab', params: {tab: tag, page: 1}}" class="tag">
        {{ tag | convertTag}}
      </a>
      <a class="name"><strong>radical</strong></a>
      <span v-if="!!topic.meta" class="ask">{{ topic.meta.createAt | timeToNow }}&nbsp;发布</span>
      <span v-if="!!topic.meta && topic.meta.createAt != topic.meta.updateAt" class="update">{{ topic.meta.updateAt | timeToNow }}&nbsp;更新</span>
    </p>

Answer 2

topic.meta = non défini.