vue.js - vue获取mongodb中的数据起初显示未定义，但还是可以渲染

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

这是报错信息，下面是我的代码部分。

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

这是 一个组件 topic是通过我的getters会获取到的，通过actions向mongodb请求数据，看上去一切都很正常。。。
convertTag和timeToNow都是我自己写的filter

Answer 1

이 경우 오류가 보고되지 않도록 해당 속성을 가져오기 전에 먼저 topic.meta 개체가 존재하는지 확인해야 합니다.
오류가 발생하는 이유는 해당 속성을 가져오지 않았을 때 해당 속성을 가져오기 때문입니다. 메타데이터

으아악

Answer 2

topic.meta = 정의되지 않음