vue.js - Vue mendapat data dalam mongodb dan ia kelihatan tidak ditentukan pada mulanya, tetapi ia masih boleh dipaparkan.
仅有的幸福
仅有的幸福 2017-05-02 09:22:47
0
2
754
[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

仅有的幸福
仅有的幸福

membalas semua(2)
世界只因有你

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>
小葫芦

topic.meta = tidak ditentukan.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan