ElementUI的表單驗證及常用規則續集// http://www.lxweimin.com/p/d71dc34193b4
dialog中使用ElementUI表單驗證時，我們在關閉dialog與點擊提交后需要將表單內容清空，并取消驗證。使用 this.$refs[form].resetFields();將form表單重置
image.png
所以將dialog關閉事件中添加內容清空的方法即可，
//@close是dialog的關閉事件
<el-dialog title="申請撤銷" :visible.sync="dialogFormVisible" @close="closeDilog('form')">
<el-form :model="form" ref="form" :rules="rules">
<el-form-item label="撤銷原因 ：" prop="reason" :label-width="formLabelWidth">
<el-input v-model="form.reason"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="cancelReport('form')">提 交</el-button>
</div>
</el-dialog>
關閉方法
closeDilog:function(form){
this.dialogFormVisible = false;
this.$refs[form].resetFields();//將form表單重置
},
