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

发布于 2022-09-13 00:47:39 字数 689 浏览 23 评论 0

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

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

相关代码

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

按钮:

<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)
}

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文