blog

アプレットイベントの動的パラメータ渡しを理解する

bindまたはcatchでイベントをバインドした後、イベントをバインドする要素でdata-dynamic-parameter-name="value-to-pass "を使用し、対応するイベントでdy...

May 2, 2020 · 1 min. read

bindやcatchでイベントをバインドした後、イベントをバインドする要素でdata-dynamic-argument-name="渡す値 "を使用し、対応するイベントでe.target.dataset.dynamic-argument-nameまたはe.currentTarget.dataset.dynamic-argument-nameを使用して、動的に渡されたパラメータの値を取得することができます。

<!--   -->
<view wx:for="{{isChecked}}" wx:key="index">
 <!-- カスタムプロパティを使用して、最初にクリック関数をバインドする。data-idクリック関数にパラメータを渡す -->
 <view class="vf {{item==true?'':'vf-active'}}" bindtap="click" data-id="{{index}}">{{index+1}}</view>
</view>
click: function (e) {
 console.log(e.target.dataset.id);
 var id = e.target.dataset.id
 var str = "isChecked[" + id + "]"//ポイントはここで、文字列
 this.setData({
 [str]: false//strを角括弧で囲むだけだ。
 })
}
Read next

MERNプロジェクトが終わったので、ヒントをいくつか。

フォームを持つコンポーネントでは、あらかじめonChange関数を書いておき、フォームのどの行でもonChangeをトリガーにReact

May 2, 2020 · 3 min read