uniapp 中的form表单中有两个按钮，点击两个按钮的时候会先触发@submit事件

分类：uni-app

uniapp


                      <u-button :custom-style="{...secondaryBtn, width: '346rpx'}" data-type="report-finish" form-type="submit" @click="onChangeSubmitClick('report-finish')">报工并完成工序</u-button>  
                      <u-button :custom-style="{...mainBtn, width: '213rpx'}" data-type="report" form-type="submit" @click="onChangeSubmitClick('report')">仅报工</u-button>  

<form @submit="submitClick">

2023-11-29 14:19 负责人:无分享

2 个回复

最佳回复

爱豆豆 - 办法总比困难多

你这写法自相矛盾啊给按钮加上了form-type="submit" 还要使用按钮的click事件本身就不对
建议你直接把按钮做成表单项选择【报工并完成工序】或者【仅报工】然后在通过提交按钮提交
或者把form-type去掉再点击事件中通过ref触发_onSubmit() 来提交

<form @submit="submitClick" ref="formRef">  
   <u-button :custom-style="{...secondaryBtn, width: '346rpx'}" data-type="report-finish"  
    @click="onChangeSubmitClick('report-finish')">报工并完成工序</u-button>  
   <u-button :custom-style="{...mainBtn, width: '213rpx'}" data-type="report"  
    @click="onChangeSubmitClick('report')">仅报工</u-button>  
</form>  

onChangeSubmitClick(val) {  
    console.log(val)  
    // 触发提交  
    this.$refs.formRef._onSubmit()  
}

1***@qq.com (作者)

谢谢大佬

2023-11-29 15:13

YUANRJ

你这是用的三方组件吧，form-type去掉试试

1***@qq.com (作者)

试过了，但是这样的话submitClick(event) 就获取不到event了

2023-11-29 14:52

要回复问题请先登录或注册

uniapp 中的form表单中有两个按钮，点击两个按钮的时候会先触发@submit事件

2 个回复

公告

相关问题

uniapp 中的form表单中有两个按钮，点击两个按钮的时候会先触发@submit事件

与内容相关的链接

2 个回复

公告

相关问题