elementUI+vue使用el-dialog弹窗，关闭时表单数据清不掉

关于element弹窗使用时，关闭后数据有残留，未清除。

el-dialog添加

destroy-on-close

@close="CloseIn"

属性

<el-dialog
   :title="title"
   :visible.sync="deviceVisible"
   width="50%"
    destroy-on-close
   @close="CloseIn">
    <el-form :model="form" :rules="rules" v-loading="loading" label-width="160px" ref="ruleForm">

CloseIn方法

CloseIn(){ 
  this.form = {},
  this.$parent.getList()
  this.deviceVisible = false
  console.log("关闭");
}

在取消和提交成功的时候也调用这个方法

添加v-if有的模块生效有的不生效, 我是这样操作的,记录下笔记！