1回答

人笨嫌刀钝

提问者

2018-06-07

已经搞定啦

整理下都做了什么：

含表单的模态窗（XxxDialog） 复用 通用模态窗（CommonDialog）

通用模态窗①处理title(添加/编辑 xxx）②显示footer（取消 提交（添加/编辑）按钮）③表单校验

XxxDialog props中的data 深拷贝到 data 的 form， data中form和rules传入CommontDialog

将多个form item写入slot，以便在CommentDialog中通过refs获取表单进行校验

CommentDialog 模版如下 老师有什么建议没

<template>
 <el-dialog :title="title"  :before-close="this.handleClose" visible>
   <el-form ref="form"  :model="form" :rules="rules" :label-width="this.labelWdith">
     <slot ref="slot"></slot>
   </el-form>
   <span slot="footer">
     <el-button @click="this.handleClose">取消</el-button>
     <el-button @click="this.submit" type="primary">{{submitText}}</el-button>
   </span>
 </el-dialog>
</template>

0

0