0

    微信小程序——子组件接收参数变化时如何监听

    2023.11.09 | admin | 74次围观

    1. 使用场景

    当父组件传值给子组件时,有时会出现一开始为空,网络请求或者各种操作之后这个值才真正的传过去

    
    

    此时,我们在子组件中,若使用该属性来发起网络请求会出现问题,那么我们需要一种情况,在子组件中监听这个属性curPath的变化,当这个值存在时微信小程序组件传值,再发起网络请求

    2. 实现(使用observer)

      data:{
        currentPath:'',
      },
      properties: {
        curPath:{
          type:String,
          observer:function(newVal){ // 监听curPath属性变化,若这个值存在,且与即将附在data中的值不同,就满足我们的要求可以进行后续操作啦
            if(newVal && this.data.currentPath !== newVal){
              this.setData({
                currentPath:newVal
              })
              this.getAllActivitySites();
            }
          }
        }
      },
    

    总结用法,希望可以帮助到你,

    我是Ably微信小程序组件传值,你无须超越谁,只要超越昨天的自己就好~

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论