小程序获得formId

拼搏现实的明天。 2023-06-12 08:36 243阅读 0赞

# 小程序的服务通知 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70][]

小程序的这种通知，作为前段需要向后端传一个参数，formId，那么我们怎么获取的这个formId呢，

首先，我们得知道，formId  是  form  表单的  id，

当点击 form 表单中 formType 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，

这个时候打印  e.detail  就可以看到  formId，但是模拟器上看到的是  formId: "the formId is a mock one"，在真机上看到的就是真实的 formId，例如  dab937de8601 4be48748a362a497e344 。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 1][]

下面我们看一下代码怎么实现的

formSubmit: function (e) {
        console.log(e)
      },

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70]: /images/20230531/da3ded15eef24ff3b064d0e40d867af5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 1]: /images/20230531/d50feaa7e1634657aa5bcbca62fe8cd1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70 2]: /images/20230531/1772abbfd1b64e69b3a470639c5c3d03.png