ElementUI的表單驗(yàn)證及常用規(guī)則續(xù)集// http://www.lxweimin.com/p/d71dc34193b4
dialog中使用ElementUI表單驗(yàn)證時(shí),我們?cè)陉P(guān)閉dialog與點(diǎn)擊提交后需要將表單內(nèi)容清空,并取消驗(yàn)證。使用 this.$refs[form].resetFields();將form表單重置
image.png
所以將dialog關(guān)閉事件中添加內(nèi)容清空的方法即可,
//@close是dialog的關(guān)閉事件
<el-dialog title="申請(qǐng)撤銷" :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>
關(guān)閉方法
closeDilog:function(form){
this.dialogFormVisible = false;
this.$refs[form].resetFields();//將form表單重置
},