element表单校验第一次没有校验，关闭窗口第二次出现校验

Element UI 的表单验证通常是在用户输入数据并提交时触发的。当你打开一个表单页面，首次提交如果没有立即显示校验错误，那可能是因为 Element UI 默认的行为是在提交事件发生时进行验证，而不是在字段接收焦点或失去焦点时实时检查。

如果你想要在关闭窗口后再次显示校验结果，这通常是由于浏览器缓存了之前的验证状态。为了实现在关闭并重新打开页面时校验生效，你可以考虑在页面加载时主动触发一次验证，或者在表单组件的 `watch` 或 `updated` 生命周期钩子里添加校验逻辑，确保每次数据变化都会重新触发校验。

下面是简单的示例：

<template>
  <el-form :rules="formRules" ref="ruleForm">
    <!-- form fields here -->
    <el-button @click="handleValidate">立即验证</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formRules: {}, // 根据实际需求定义验证规则
    };
  },
  methods: {
    handleValidate() {
      this.$refs.ruleForm.validate();
    },
    mounted() {
      // 这里强制在页面加载后进行一次验证
      this.handleValidate();
    },
  },
};
</script>

在这个例子中，点击“立即验证”按钮会触发校验，而 `mounted` 钩子确保了在页面初次加载后也进行了一次校验。