模态框中的按钮
<el-button v-if="MD.modelForm.formButton" v-for="(item,index) in MD.modelForm.formButton"
:key="index+'*'"
style="margin:0 auto;display: block;"
:disabled="item.disabled"
:loading="item.loading"
:type="item.type" @click="Handle(item.clickEvent,MD.modelForm.data)">{{item.butName}}
</el-button>
methods中的方法:
Handle(e,formName) {
//数据验证
this.$refs.myForm.validate((valid) => {
if (valid) {
//校验通过
typeof this.$parent[e] === "function" && this.$parent[e](formName);
} else {
return false;
}
});
}
特别的:
this.$refs.myForm.validate是根据ref='myForm'的el-form,再调用函数validate().具体的validate函数介绍见elementUi官网https://element.eleme.cn/#/zh-CN/component/form
如图所示:
日进一步。如有不妥之处,请指正。