Element ui关闭el-dialog时清除数据

如果是按叉叉关闭或者点表单以外空白处关闭的话

可以给el-dialog添加   

:before-close="closeForm"

在methods里添加函数

    closeForm(){
      this.$refs.form.resetFields();//清除数据
      this.dialogFormVisible=false;//关闭对话框
    }

如果是按取消按钮清除数据,也可以给取消按钮绑定点击事件,点击取消则调用closeForm函数。

注意:

  1. 要为每个 form-item 加上 prop 属性,要不然无法清空
  2. resetFields() 方法是重置表单,重置为初始值,而不是设置为空值

你可能感兴趣的:(ui,vue.js,elementui)