<form @submit="formSubmit">
<button class="button" data-type="1" form-type="submit">保存草稿</button>
<button class="button" data-type="2" form-type="submit">确认提交</button>
</form>
风度翩翩
- 发布：2021-01-19 11:20
- 更新：2021-11-09 16:14
- 阅读：656
【报Bug】因为业务需求，表单内有两个用于提交的button，app/h5端无法通过点击button获取绑定在button上的id或者data-*的值，微信小程序端可以
分类：uni-app
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win 7
HBuilderX类型： 正式
HBuilderX版本号： 3.0.5
手机系统： Android
手机系统版本号： Android 7.1.1
手机厂商： 模拟器
手机机型： pixel 2xl
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<form @submit="formSubmit">
<button class="button" data-type="1" form-type="submit">保存草稿</button>
<button class="button" data-type="2" form-type="submit">确认提交</button>
</form>
<form @submit="formSubmit">
<button class="button" data-type="1" form-type="submit">保存草稿</button>
<button class="button" data-type="2" form-type="submit">确认提交</button>
</form>预期结果：
formSubmit(e){
console.log(e);//打印出的东西应该含有绑定在button上的data-*值或者id值
}
formSubmit(e){
console.log(e);//打印出的东西应该含有绑定在button上的data-*值或者id值
}实际结果：
没有获取到那些值
没有获取到那些值
bug描述：
form表单内有两个button提交按钮，app/h5端无法通过点击button获取绑定在button上的id或者data-*的值，微信小程序端可以
1 个回复
8***@qq.com
请问有解决吗？我也有相同的问题