美文网首页
微信小程序中组件异步传值问题

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

作者: 盖子pp | 来源:发表于2020-10-17 22:49 被阅读0次

在小程序中,如果在父组件中传给子组件的数据,是异步获取的,就比如是从接口获取的,一般在子组件的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) // 这边才能娶到异步的值
    }
  }

相关文章

网友评论

      本文标题:微信小程序中组件异步传值问题

      本文链接:https://www.haomeiwen.com/subject/qqfqmktx.html