vue + vant 多表单提交

<template>
    <van-form ref="formData1" @submit="onSubmit"></van-form>

    <van-form ref="formData2" @submit="onSubmit"></van-form>

    <van-button @click="send"></van-button>
</template>

methods: {
    onSubmit(values) {
            this.submitArr.push(values);
            console.log(this.submitArr);
    },
    send() {
            this.$refs.formData1.submit();
            this.$refs.formData2.submit();
    },
}





打印两次,我只想要保存到一个数组里然后只打印一次,求大神解答,谢谢了



图片说明

这样肯定提交两次啊.
如果是我这样做, 每一个form model绑定一个对象 data,把数据序列化然后提交,后台获取,进行保存
this.$axios.post(url, this.qs.stringify({from1:data1,from2:data2}))