关闭对话框就会触发的事件@close+重置表单

        <el-button size="small" type="primary" icon="el-icon-edit" @click="dialogVisible = true"></el-button>
               <!-- 修改用户信息 -->
              <el-dialog
              title="修改用户"
              :visible.sync="dialogVisible"
              width="50%"
              //关闭对话框事件
              @close="addDialogClose">
              <!-- 内容区域 -->
              <el-form :model="addRuleForm" :rules="addrules" ref="ruleForm" label-width="100px">
                <el-form-item label="用户名" prop="username">
                  <el-input v-model="addRuleForm.username"></el-input>
                </el-form-item>
                <el-form-item label="邮箱" prop="meail">
                  <el-input v-model="addRuleForm.meail"></el-input>
                </el-form-item>
                <el-form-item label="手机号" prop="mobile">
                  <el-input v-model="addRuleForm.mobile"></el-input>
                </el-form-item>
              </el-form>

 // 监听对话框的关闭事件
    addDialogClose(){
      // 重置表单
        this.$refs.addRuleForm.resetFields();
    },