wechat-miniprogram / weui-miniprogram

小程序WeUI组件库
MIT License
2.21k stars 549 forks source link

[BUG] 引入表单组件后,原来的bindsubmit属性不生效 #226

Closed run-197 closed 1 year ago

run-197 commented 1 year ago

Bug描述

引入组件后,原有的bindsubmit属性失效,无法触发提交表单事件,本来以为是保留了原生的form组件的属性,结果把

改用后bindsubmit根本就不会触发事件,因为我测试发现js中监听事件的函数根本就没有执行,全网都找不到详细具体的教程,官方文档也只是给出了几个属性定义,甚至连最基本的示例代码都没有……

复现方式

WXML:

<mp-form bindsubmit="formSubmit">
    <mp-cells>
      <mp-cell title="昵称">
        <input type="nickname" class="weui-input" name="nickname" placeholder="请输入昵称"/>
      </mp-cell>
      <button style="margin: 30rpx 0" type="primary"    formType="submit"  >提交</button>
    </mp-cells>
  </mp-form>

JS:

formSubmit(e) {
    console.log("提交表单")
    console.log('form发生了submit事件,携带数据为:', e.detail)
  }

版本信息

  • useExtendedLib
  • 调试基础库2.30.2
Tidyzq commented 1 year ago

weui 的 form 是个样式+校验组件,没有包含 <form>。自行添加一个<form> 即可