很多人使用过form和button的多层嵌套来实现点击一次获取多个formId的目的，如下图所示，点击一次“提交”，可以获取到多个formId
为莱山等地区用户提供了全套网页设计制作服务，及莱山网站建设行业解决方案。主营业务为成都网站制作、成都网站设计、外贸营销网站建设、莱山网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
但是在今年3月份，这个投机取巧的方法（算是微信的一个bug）已经被微信修复，那么再使用这个方法，所拿到的formId都是相同的了，也就不符合我们的需求了
接下来给大家介绍另一种方法：
将form和button封装成组件模拟form submit，并把这个组件做成layout级，这样可以把整个页面包括在layout里面，利用事件自动冒泡的特性，只要点击了页面任一位置，就能获取到formId
1. 新建一个组件layout，wxml、wxss、js、json代码分别如下
.layout {
display: inline-block;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
font-size: inherit;
text-align: left;
text-decoration: none;
line-height: inherit;
-webkit-tap-highlight-color: transparent;
color: inherit;
width: 100%;
position: relative;
}
.layout .button{
display: inline-block;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
font-size: inherit;
text-align: left;
text-decoration: none;
line-height: inherit;
-webkit-tap-highlight-color: #000;
color: inherit;
width: 100%;
position: relative;
}
.layout .button .fixed{
position:relative;
z-index: 9999;
width: 100%;
}
.layout .button:before,.layout .button:after{
border-width: 0;
}Component({
methods: {
formSubmit: function (e) {
let formId = e.detail.formId
console.log(formId)
}
}
})2. 在app.json中，将layout添加为全局组件
"usingComponents": {
"layout": "/components/layout/index"
}3. 在页面中使用
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
网站栏目：小程序如何获取多个formId实现详解
网页地址：
http://www.cdkjz.cn/article/ihcsdi.html
