element ui 弹出框在关闭后再打开验证的错误显示问题

element ui 弹出框点击提交，出现错误提示后，我们在打开的时候往往错误信息还是显示出来。我们在打开时调用重置函数，会出现下拉框在验证的错误显示的状态下，改变下拉框的值错误提示不会消失，我们可以通过刷新的方式来实现重置的功能。

<el-dialog
            :visible.sync="dialogVisible"
            size="tiny"
            :show-close="false"
           :before-close="closeChangeMachie">
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm">

            <el-form-item label="选择门店：" prop="region">
                <el-select v-model="ruleForm.region" placeholder="请选择门店">
                    <el-option v-for="shop in shoppingData" :label="shop" :value="shop"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="选择机器号：" prop="machine">
                <el-select v-model="ruleForm.machine" placeholder="请选择机器号">
                    <el-option v-for="num in machineNum" :label="num" :value="num"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
                <el-button @click="resetForm('ruleForm')">重置</el-button>
            </el-form-item>
        </el-form>
    </el-dialog>


//js代码
//before-close 关闭前的回调，会暂停 Dialog 的关闭function(done)，done 用于关闭 Dialog

 closeChangeMachie(done){
            done();
            window.location.reload();
        }