微信小程序中组件异步传值问题

2020-10-17  本文已影响0人  盖子pp

在小程序中,如果在父组件中传给子组件的数据,是异步获取的,就比如是从接口获取的,一般在子组件的ready里面是不能直接拿到值的,直接从ready里面打印的值要么是空对象或者空数组或者null,想要取到值,就得在计算属性observe里面去获取,就是监听到值变化的时候再去取值

父组件:

dataFieldA是异步获取的
<father-component prop-a="{{dataFieldA}}">

子组件js

properties: {
  prop-a: []
}
lifetimes: {
  ready: function() {
    console.log(this.data.prop-a) // 这边取不到值
  }
},
  observers: {
    'prop-a': function() {
        console.log(this.data.prop-a) // 这边才能娶到异步的值
    }
  }
上一篇下一篇

猜你喜欢

热点阅读