Vue.js Vue状态，无法读取null的属性

我使用computed中的map state来引入当前状态。我的状态数据在模板中正确显示，但控制台记录了一个错误，表示状态中的数据为null。null是初始值，但状态是在父组件中设置的

<script>
import { mapState } from 'vuex'
import { settings } from '~/config'

export default {
  data () {
    return {
      siteUrl: settings.siteUrl
    }
  },

  computed: {
    ...mapState({
      fanpage: state => state.page.fanpage
    })
  }
}
</script>

这是我在模板中访问用户\头\照片状态的方式

fanpage.user_header_photo

---

如果从外部api获取

页面

，则可能会由于服务器响应而出现延迟。您可以在模板上使用

v-if=“fanpage”

来避免此错误。这样就可以了。谢谢

fanpage.user_header_photo