vue iview modal弹出框 form表单验证

时间 2019-12-01

标签 vue iview modal 弹出 form 表单验证栏目 HTML 繁體版

原文原文链接

1、ref="addApply" :model="addApply" :rules="ruleValidate" 不要忘记propthis

2、规则spa

3、code

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

4、效果图orm