element中关闭对话框清除数据和校验

element清除数据和校验效果

<el-dialog
  title="会议信息"
  :visible.sync="editTemplate"
  width="900px"
  :close-on-click-modal="false"
  @close="resetForm('editForm')"
>

<el-button @click="resetForm('editForm')" id="resetBut">取消</el-button>
resetForm(formName) {
  this.$refs[formName].resetFields();
  this.editTemplate = false;
},

在对话框关闭和点击取消的时候对表单数据重置
resetFields()方法:对整个表单进行重置,将所有字段值重置为初始值并移除校验结果

发布了21 篇原创文章 · 获赞 0 · 访问量 285

猜你喜欢

转载自blog.csdn.net/my466879168/article/details/104839061