WeChatウィジェット収集formId

げんり

formにbuttonを埋め込み、クリックイベントがフォーム提出動作をトリガーできるようにする

ぶんせき

最初はページの下にformとbuttonを包み、ポイントがどこでも提出される効果が予想されていました.しかし、buttonのsubmit動作は、従来のbindtap/catchtap動作をブロックすることを示した.したがって、1、Pageルート要素の位置はform 2を包み、動作熱領域(インタフェース上でクリックイベントに応答可能な領域)にbuttonを埋め込み、コードフラグメントは であり、その上で対応するイベントをバインドして元の熱領域イベント3、Pageルート要素の代わりに全ページをカバーするbuttonを置くことができ、熱領域がない領域をクリックした場合でもformIdを収集することができる.
4、buttonのホットゾーン部分を挿入するには位置決め属性を追加する必要があります.例えば、position:relative; 5、ネット上に無限にネストされたformIdを見て、クリックして複数の効果を収集することができます.

コード#コード#

WXML

<form report-submit="{{true}}" catchsubmit="submitFormId" class='form'>
	//  button
    <button form-type="submit" class='form-btn'>button>
    <view class="mockClass">
        //  
        //  button
        <button form-type="submit" class='form-btn' bindtap="toChildPage">button>
    view>
form>

WXSS

.form-btn{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
}

JS jsは基本的な操作であり、ページjsを貼らずに提出方法を補足し、appに書くことができる.jsでの多重化

 submitFormId(e) {
    console.log('formid', e.detail.formId)
    let _this = this
    wx.request({
      url: 'domain.com/api/formid', // ， 
      data: {
        formId: e.detail.formId,
        openId: _this.data.openId // openId ， 
      },
      method:'POST',
      header: {
        'content-type': 'application/json', //  
      },
      success(res) {
        console.log(res.data)
      },
    })
  },

もし助けがあれば、私に知ってもらうことができます.カニです.