美文网首页微信小程序分享
微信小程序-FormId的获取

微信小程序-FormId的获取

作者: Mr_Atom | 来源:发表于2018-10-17 16:10 被阅读365次

首先,讲一下formId的用处,前端获取formId传给服务端,以便于服务端进行服务通知的推送使用.

下面讲一下formId的获取方法,通过form组件获取,官方文档贴上:

https://developers.weixin.qq.com/miniprogram/dev/component/form.html

请注意,官方文档的提示:

将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交。

当点击 <form/> 表单中 formType 为 submit 的 <button/> 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。

也就是说,除了以上提到的组件之外,其他任何的组件都不能通过form组件来获取formId.

form组件传入值

而且,在form组件的属性report-submit为false是,也是不返回formId的.

下面我贴一下我的form组件的使用:

.wxml:

<form bindsubmit='registerFormSubmit' report-submit='true'>

      <view class='buttons'>

        <button class='canclebtn' bindtap='verifyCancleAction'>取消</button>

        <button class='confirmbtn' form-type='submit'>确定</button>

      </view>

    </form>

.js:

registerFormSubmit: function (e) {

//    打印formId

console.log(e.detail.formId,);

 },

 verifyCancleAction: function () {

  },

Form的使用很简单.主要是读懂并且注意API文档中的细节,就ok了.

谢谢大家~

相关文章

网友评论

    本文标题:微信小程序-FormId的获取

    本文链接:https://www.haomeiwen.com/subject/ivjrzftx.html