dialog关闭销毁，初始化组件data

 

>>HTML<<
 <el-dialog
    :visible.sync="show"
    @close="resetForm"
  >
xxxxx
</el-dialog>

　　

 

在关闭dialog的回调函数里面加入 

>>JS<<
resetForm() {
   this.show = false
   Object.assign(this.$data, this.$options.data.call(this)) // 会初始化组件data
   this.$nextTick(() => { // 看情况加
      this.$refs['form'].resetFields()  // 这个有校验规则的时候才需要
   })
}