小程序如何获取多个formId实现详解

很多人使用过形式和按钮的多层嵌套来实现点击一次获取多个formId的目的，如下图所示，点击一次"提交",可以获取到多个formId

但是在今年3月份，这个投机取巧的方法（算是微信的一个bug)已经被微信修复，那么再使用这个方法，所拿到的formId都是相同的了，也就不符合我们的需求了

接下来给大家介绍另一种方法：

将形式和按钮封装成组件模拟表单提交，并把这个组件做成布局级，这样可以把整个页面包括在布局里面，利用事件自动冒泡的特性，只要点击了页面任一位置，就能获取到formId

1.新建一个组件布局、wxml、wxss、js、json代码分别如下

form bind submit=' form submit ' report-submit class=' layout '按钮form type=' submit ' class=' button ' hover-class=' none ' view class=' fixed ' slot/slot/view/button/form。布局{ display : inline-block；左填充： 0;填充-右侧： 0;盒子尺寸：边框盒子；字体大小：继承；文本-左对齐：文本装饰：无；线高：继承；-网络套件-点击-高亮-颜色：透明；颜色：继承；宽度： 100%;相对位置：}.布局。按钮{ display : inline-block；左填充： 0;填充-右侧： 0;盒子尺寸：边框盒子；字体大小：继承；文本-左对齐：文本装饰：无；线高：继承；-网络套件-点击-高亮-颜色： # 000；颜色：继承；宽度： 100%;相对位置：}.布局。按钮。固定{ position : relativez-index : 9999；宽度： 100%;}.布局。按钮：之前.{边框宽度： }后的布局。按钮：}组件({ methods: { formSubmit:函数(e){ let FOrmID=e . detail。FOrmID控制台。log(FOrmID)} }){ '组件： true}2 .在app.json中，将布局添加为全局组件

使用组件' : { '布局' : '/组件/布局/索引' }3。在页面中使用

布局视图类="容器"./视图/布局以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。