首先我们封装成一个组件起来,收集用户每一次点击的formid
组件的wxml的部分
<!--components/formId/formId.wxml-->
<form report-submit="{{true}}" catchsubmit="submitFormId" class='form'>
<button form-type="submit" class='form-btn'></button>
</form>
组件的wxss的部分
/* components/formId/formId.wxss */
/* 让button铺满整个屏幕 */
.form-btn{
position:absolute;
display: inline-block;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
}
组件的js部分
// pages/com/conpant.js
// 后台的接口
import { saveMiniForm } from '../../api/publictool';
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {},
/**
* 组件的方法列表
*/
methods: {
// 发formid给后台
submitFormId(e) {
// 判断是不是在编辑器上
if (e.detail.formId != 'formid the formId is a mock one') {
saveMiniForm({uid:wx.getStorageSync('userinfo').uid,formid:e.detail.formId})
}
}
}
})
//那么我们开始使用
这里的类名pr是相对定位position: relative这样的话点击自己处理的事件就不会触发到formid的事件;
<view>
<formId></formId>
<view bindtap="toChildPagex" form-type="submit" class="pr">点击不会触发Fromid事件</view>
</view>