微信ウィジェットで親子の価値伝達を実現

小さなプログラムはしばらく放置されていたが、本当に忘れてしまった.今日復習したのは親子の伝値です.いつでも補充してください!!!
親コンポーネントが子コンポーネントに値を渡す

最初のステップ:親コンポーネントjsonにサブコンポーネント

を導入する親コンポーネントを定義する

{
  "usingComponents": {
    "sonCom":"../components/add.js"
  }
}

第2のステップ:サブアセンブリ内で自己をサブアセンブリ

として定義する.

{
  "usingComponents": {
    "sonCom":"../components/add.js"
  }
}

ステップ3:親コンポーネントのサブコンポーネントの参照で、属性(text)をバインドし、サブコンポーネントに渡す値(sonData)

<son text=“{{sonData}}”></son>

ステップ4:親コンポーネントのjsファイルでdataを定義する

   */
  data: {
    sonData: [{
        title: "  ",
        content: "        "
      },
      {
        title: "  ",
        content: "           "
      }
    ]

  },

ステップ5:サブコンポーネントでデータ型を受け入れる

  //          properties                                    value           
  properties: {
    data: {
      value: "",
      type: String
    }
  },

子の父

最初のステップ:サブコンポーネントは、値を渡す必要がある場合にtrriggerEventを使用して親コンポーネントにイベント(myevent)を渡し、親コンポーネントに渡したい値(sonParam)

を渡します.

    this.triggerEvent('myevent',{sonParam:false})

第2のステップ:親コンポーネント、サブコンポーネントの参照で、このmyeventイベントによってメソッド(onMyEvent)

をバインドする

<son bind:myevent="onMyEvent"></son>

第3ステップ:親コンポーネントのjsで、このメソッドonMyEventを定義し、このメソッド内でサブコンポーネントから渡される値

を取得できます.

  onMyEvent:function(e){
      let a =e.details.sonPmaram
    }