Método para obtener un formulario ilimitado por el applet WeChat

1. El método del mini programa WeChat para obtener formularios múltiples (resuelva el problema de hacer clic en programas pequeños una vez, enviar formularios múltiples)
utilizando el principio de penetración de clic, ingrese directamente el código

código wxml:

<!-- 1 -->
<form bindsubmit="formSubmit" report-submit="{{true}}">
  <!-- 2 -->
  <button formType="submit" class='btn'>
    <form bindsubmit="formSubmit" report-submit="{{true}}">
      <button formType="submit" class='btn'>
        <!-- 3 -->
        <form bindsubmit="formSubmit" report-submit="{{true}}">
          <button formType="submit" class='btn'>
            <!-- 4 -->
            <form bindsubmit="formSubmit" report-submit="{{true}}">
              <button formType="submit" class='btn'>
                <view class='u-publish-btn'  bindtap='test'>发布</view>
              </button>
            </form>
          </button>
        </form>
      </button>
    </form>
  </button>
</form>

código wxss

form button{
  padding: 0;
}

form button::after{
  content: '';
  display: none;
}

.u-publish-btn{
  position: fixed;
  bottom: 50rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 698rpx;
  line-height: 90rpx;
  border-radius: 4rpx;
  background: #1a1a1a;
  font-size: 38rpx;
  font-weight: bolder;
  color: #fff;
}

código js:


  formSubmit: function (e) {
    if (e.detail.formId != 'the formId is a mock one') {
      this.setData({
        formIdString: e.detail.formId + "," + this.data.formIdString
      })
    }
    console.log(e.detail, this.data.formIdString)
  }

Mostrar página:

Descripción de la imagen

El resultado final después de hacer clic en el botón:

Descripción de la imagen

Este artículo se reproduce en: Ape 2048 https://www.mk2048.com/blog/blog.php?id=hik1ch2k11j

Supongo que te gusta

Origin www.cnblogs.com/homehtml/p/12700047.html
Recomendado
Clasificación