ElementUI Dialog 对话框 销毁事件

Element UI Dialog 对话框 有个 关闭时销毁 Dialog 中的元素destroy-on-close

问题:

如果在vue页面中 直接使用 el-dialog,并使用了destroy-on-close属性,会有小概率导致页面卡死现象「弹窗dialog 无法关闭,浏览器直接卡死」(含泪总结),

解决:

使用 @close="resetForm" 代替destroy-on-close属性

// 重置表单
resetForm() {
  this.editForm = this.defaultForm()
  this.dialogTitle = '标题'
  this.$nextTick(() => {
    this.$refs['createMaterialForm'].clearValidate()
  })
},