页面
< form bind:submit = "onSubmit" class = "form" > < view style = "border:1px solid #eee;margin-bottom:20px;" > < input name = "username" value = "hi" /> </ view > <!--1 原生按钮 --> < button formType = "submit" >登录</ button > <!--2 自定义按钮 --> < custom-button /> </ form > |
index.js
Page({ data: { }, onSubmit(e) { console.log( "username:" ,e.detail.value) }, }) |
使用原生的button是可以触发
自定义的按钮则无法触发form的submit事件,请问如何才能解决呢?
目前暂时是不允许在自定义组件内封装submit button,主要是为了防止刷formId。
比如这个回复:1、formId 后面基本废弃了;2、form 响应自定义组件 button 的 submit 已经支持了:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/behaviors.html#wx-form-field-button
想让button点击时,form能提交
什么意思,你是要获取提交的数据吗?
<form bindsubmit="formSubmit">