uniapp中表单的提交事件触发方式?

我有两个按钮都需要触发提交事件,但是内部需要执行的操作又不完全一样,所以需要把这两个按钮区分开

当点击按钮时候,我需要获取到表单中所有数据,目前在想的方法就是给按钮设置一个自定义事件,用于修改一个值的状态,以此来区分两个按钮,是可以分开的,但是因为事件触发的先后顺序不一样,导致获取到值不准确,所以想知道有没有其他方式能触发表单的提交事件,或者就是两个事件的执行顺序能否控制

相关代码

粘贴代码文本(请勿用截图)

按钮:

<button @click="()=>{separate=btnValue}"   type="primary" form-type="submit"  >{{btnValue}}</button>
<button @click="()=>{separate='提交'}" type="primary" form-type="submit"  v-if="showSub">提交</button>

表单的事件:

formSubmit: async function(e) {
//this.$refs.btn.separate这个就是获取到的状态,不在同一个组件中
  console.log( this.$refs.btn.separate)
}

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 2.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题