微信小程序中组件异步传值问题
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) // 这边才能娶到异步的值
}
}