vue.js - Vue mendapat data dalam mongodb dan ia kelihatan tidak ditentukan pada mulanya, tetapi ia masih boleh dipaparkan.

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>)

Ini ialah mesej ralat di bawah ialah bahagian kod saya.

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

Ini adalah topik komponen yang diperolehi melalui getter saya. Ia meminta data daripada mongodb melalui tindakan. Semuanya kelihatan normal. . .
convertTag dan timeToNow ialah kedua-dua penapis yang ditulis oleh saya

Answer 1

Dalam kes ini, anda harus terlebih dahulu menentukan bahawa objek topic.meta wujud sebelum mendapatkan atributnya, supaya tiada ralat dilaporkan
Sebab ralat ialah anda mendapat atributnya apabila anda belum memperolehnya data meta

<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 = tidak ditentukan.