关键词搜索

全站搜索
×
密码登录在这里
×
注册会员

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

微信小程序父组件和自定义组件properties属性传值并修改

发布2022-06-08 浏览970次

详情内容

在微信小程序开发时,微信小程序父组件和自定义组件properties属性传值并修改。直接用properties可传参数,但不能直接在组件中修改properties,修改后父组件页面上的值是不变的,需要用triggerEvent触发父页面上页面修改父页面的值。

原因:因为自己想了解组件中properties里面的值如何获取到而记录这篇文章
一、自创自定义组件,在json文件夹写上“component”:true

四、用observers监听properties的属性值(重点)

observers:{
    'tabs': function(val){
      console.log(val)
    }
  }


打印的结果如下图所示,成功拿到properties的属性值(由父组件传过来的)

五、子组件页面调用父组件的值

六、子组件向父组件传值,需要用使用自定义事件,data-index是向handleItemTap传递参数的值 如下传递索引


七、子组件在js中的methods方法中定义这个点击事件(注意components方法是在methods里面写的),触发父组件的事件是this.triggerEvent(‘事件名’,‘要传过去的值’)

八、父组件wxml绑定自定义事件–bind要+上子组件写的事件名即tabsItemChange

九、在父组件js中调用该绑定的方法 进行你想要的操作


点击QQ咨询
开通会员
上传资源赚钱
返回顶部
×
  • 微信支付
  • 支付宝付款
扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载