支付宝小程序组件通信

最近在公司接手支付宝小程序，虽然有微信小程序的开发经验，但是在部分细节上支付宝与微信还有差异。今天简单的介绍支付宝小程序中如何进行组件传值。本文用页面到组件传值说明嵌套组件传值的方式，即页面到组件 = 父到子，组件到页面 = 子到父

下面先上代码

父页面 axml 代码

<view class="parentmain">
  <view>这是父页面</view>
  <view>上一次组件隐藏后传递过来的值是 {
  {fromchild}}</view>
  <button size="default" type="primary" onTap="showchild">展示子组件</button>
  <test a:if="{
  {showtest}}" onHidetest= "hidetest" fromparent="{
  {fromchild}}"></test>
</view>

父页面 js 代码

Page({
  data: {
    showtest: true,
    fromchild: 0,
  },

  showchild: function(){
    this.setData({
      showtest: false
    })
  },

  hidetest: function(info){
    this.setData({
      showtest: false,
      fromchild: info
    });
    console.log("获取组件传递的值：", info)
  }
});
<