vue + vant 多表单提交

Question

<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();
    },
}

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

Answer 1

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