当需要提交多个表单验证时,需分步验证,以两个表单为例,js逻辑如下:

export default {
    data() {
        return {
            baseform: {},
            advanceform: {}
        }
    },
    methods: {
        // 表单验证最后提交事件
        finished() {
            const p1 = new Promise((resolve, reject) => {
                this.$refs['baseform'].validate( valid => {
                    if(valid) {
                        resolve()
                    }
                })
            })

            const p2 = new Promise((resolve, reject) => {
                this.$refs['advanceform'].validate( valid => {
                    if(valid) {
                        resolve()
                    }
                })
            })

            Promise.all([p1, p2]).then( () => {
                // 表单验证通过,写业务代码
            })
        }
    }
}

表单中对单独个别属性进行校验,请查看这里

普通表单验证,如登录功能,请查看这里

Logo

前往低代码交流专区

更多推荐