时间: 2020-11-25|71次围观|0 条评论

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

vue iview modal弹出框 form表单验证插图

 

二、规则

vue iview modal弹出框 form表单验证插图1

三、


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

 

 四、效果图

vue iview modal弹出框 form表单验证插图2

 

 

转载于:https://www.cnblogs.com/wangdashi/p/9453097.html

原文链接:https://blog.csdn.net/weixin_30342827/article/details/95029562

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《vue iview modal弹出框 form表单验证
   

还没有人抢沙发呢~