export default {
data() {
return {
baseform: {},
advanceform: {}
}
},
methods: {
// 表单验证最后提交事件
finished() {
const from1 = new Promise((resolve, reject) => {
this.$refs['baseform'].validate( valid => {
if(valid) {
resolve()
}
})
})
const from2 = new Promise((resolve, reject) => {
this.$refs['advanceform'].validate( valid => {
if(valid) {
resolve()
}
})
})
Promise.all([from1, from2]).then( () => {
// 表单验证通过,
})
}
}
}
vue提交多个表单,如何进行表单验证?
最新推荐文章于 2023-07-06 16:37:14 发布