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:
El resultado final después de hacer clic en el botón:
Este artículo se reproduce en: Ape 2048 https://www.mk2048.com/blog/blog.php?id=hik1ch2k11j