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

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

作者: 盖子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