模態框中的按鈕
<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
如圖所示:
日進一步。如有不妥之處,請指正。