vue+element表单验证，初始化页面就显示验证错误

打开页面就显现验证错误，特别是当打开过页面，再关闭，再打开的时候，就显示验证错误。

这个问题在element-ui中已经给出了答案，我当时并没有注意到：

在关闭或提交表单时，一定要记得移除该表单项的校验结果。

完整代码如下：
html代码：

<el-form-item>
    <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
    <el-button @click="close">关闭</el-button>
</el-form-item>

script代码：(ruleForm为表单ref)

close() {
        this.$refs.ruleForm.resetFields();
      }