vue iview modal弹出框 form表单验证

一、ref="addApply" :model="addApply" :rules="ruleValidate"   不要忘记prop

 

二、规则

三、

_createApply(name){
                this.$refs[name].validate((valid) => {
                    if (valid) {
                        let addApply = Object.assign({},this.addApply)
                        addApply.serviceEndDate = formatDate(new Date(addApply.serviceEndDate),'yyyy-MM-dd')
                        createApply(addApply).then(res=>{
                            if(res.data.errcode ===0){
                                this.dialogAdd = false
                                this.$Message.info('创建成功！')
                                this._getApplyList()
                                this.$refs[name].resetFields();
                            } else if(res.data.errcode === 40199){
                                this.$Message.error('创建失败,该书库应用已存在！')
                            }
                        })
                    }
                }) 
            },

cancleSubmit(name){
                this.$refs[name].resetFields();
            },

 

 四、效果图