前端 - Vue子组件接收父组件传来的数据，之后console.log显示 [__ob__: Observer]，请问代码哪里出错了？

问题描述

问 题

1. 第一次加载的时候会正常显示，如图
   

2. 刷新以后就会编程这样子
   

3. 子组件中的代码如下

export default{
  data() {
    return{
    }
  },
  props: {
    sourceData: {
      year: Number,
      area: String,
      record: Number,
      type_id: String
    }
  },
  mounted: function(){
    console.log(this.sourceData)
  }
}

在stackoverflow上找到了类似的问题，http://stackoverflow.com/ques...，但看的不是很懂，请问有大佬能解释下为什么会出现这种情况吗

解决方案

sourceData是父组件异步获取的吗?

<son v-if="sourceData"></son>

子组件加个判断, 当数据不为空(看实际情况)才进行子组件渲染, 这样子组件才能获取到值, 不然还没获取到值,mount中的代码已经执行了

这篇关于前端 - Vue子组件接收父组件传来的数据，之后console.log显示 [__ob__: Observer]，请问代码哪里出错了？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！