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()
})
},