javascript - view-router 2.0 , router-view 传递 props 问题 , 怎么传给组件的是空啊

Question

app.vue
<template>
  <p>
    <v-header :seller="seller"></v-header>
    <p class="tab">
      <p class="tab-item">
        <router-link to="/goods">商品</router-link>
      </p>
      <p class="tab-item">
        <router-link to="/ratings">评论</router-link>
      </p>
      <p class="tab-item">
        <router-link to="/seller">商家</router-link>
      </p>
    </p>
    <router-view :seller="seller"></router-view>
  </p>
</template>

export default {
name: 'app',
data () {
  return {
    seller: {}
  }
},
created () {
  this.$http.get('/api/seller').then((res) => {
    if (res.body.errno === ERR_OK) {
      this.seller = res.body.data
    }
  }, () => {
  })
},
components: {
  'v-header': header
}

}

goods.vue

export default {
    props: {
      seller: {
        type: Object
      }
    },
    created () {
        console.log(this.seller) // seller 为空对象
    }
}

Answer 1

vue得后台数据是异步的,可以在路由用if判断是不是已经得到数据.

Answer 2

我理解有误, props 参数传递成功了, 只是异步的数据还没回来.

Answer 3

你怎么解决这个问题，我也遇到了