seller数据问题

Question

 methods: {
    _getSeller() {
        getSeller().then((seller) => {
        this.seller = seller
          console.log(this.seller)
     })
    }
  },

  created() {
     this._getSeller()
      console.log(this.seller)
  },

在app.vue中 _getSeller()中打印的this.seller是正常的 create里面打印的就是图片中这个样子，导致传到子组件的seller也是这样的，这是什么情况啊

Answer 1

ustbhuangyi 2020-03-11 10:29:48

你可以在 goods 组件里用 seller 数据啊，因为你是在 mounted 里输出的，这个时候接口还没有请求完毕，seller 还是初始值，等接口 ready 后 seller 会被赋成新值，而且数据是响应式的，你完全可以放心的使用。

• 提问者 再睡一会就码 #1

  老师 我这一直报错，怎么解决啊，不能联动购物车组件

• ustbhuangyi 回复 提问者 再睡一会就码 #2

  报错你就定位问题去解决啊，seller 数据传入是正常的，你该传就传。问题是一个个解决的，我看了代码，确定了 seller 数据是没问题的。

Answer 2

ustbhuangyi 2020-03-10 11:22:34

你把代码传到 GitHub 上，我抽空帮你看下

• 提问者 再睡一会就码 #1

  https://github.com/xiaochangtongxue/vue-cube-muke.git

• ustbhuangyi 回复 提问者 再睡一会就码 #2

  created 的时候你输出的时候 this.seller 还没有赋值，所以输出这个是正常的呀，它也会把这个数据传递给子组件，所以子组件中使用这个对象就得小心了，有些时候要加保护，比如调用 seller.a.b 这种嵌套属性的时候，不加保护会在模板渲染的时候报错。

• 提问者 再睡一会就码 回复 ustbhuangyi #3

  老师 加保护是怎么加啊， 我现在子组件都拿不到数据，在goods组件内拿不到seller，而且不能往shop-cart传数据，传:select-foods 的话<cube-scroll-nav> 的左边的侧边栏就会消失，  传 :delivery-price和:min-price的话 <cube-scroll-nav> 组件就会消失， 我只是往子组件里面传数据，不明白为什么会影响到scroll-nav组件，  这怎么解决啊。。老师   您要看代码看上面我发您的github地址就好git上的代码没有往shop-cart组件内传数据，