elementui表单的动态校验，require是动态的

elementui是一个基于Vue.js的组件库，提供了丰富的UI组件和常用的功能组件，其中表单组件是非常实用的。而表单的动态校验，也是表单中常用的一个功能，elementui提供了灵活且方便的动态校验方式，其中require是一种动态的校验方式。

require校验方式用来判断表单是否必填，即必须填写才能提交表单。elementui中，可以通过给校验规则添加require属性来实现该功能，例如：

<el-form :model="formData" :rules="formRules">
  <el-form-item label="姓名" prop="name">
    <el-input v-model="formData.name"></el-input>
  </el-form-item>
  <el-form-item label="年龄" prop="age">
    <el-input v-model.number="formData.age"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="submitForm('form')">提交</el-button>
  </el-form-item>
</el-form>

export default {
  data() {
    return {
      formData: {
        name: '',
        age: null
      },
      formRules: {
        name: [
          { required: true, message: '请输入姓名', trigger: 'blur' }
        ],
        age: [
          { required: true, message: '请输入年龄', trigger: 'blur' }
        ]
      }
    }
  },
  methods: {
    submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          alert('submit success');
        } else {
          alert('validate fail');
          return false;
        }
      });
    }
  }
}

在上述代码中，表单中的“姓名”和“年龄”均被设置为必填项，添加了required属性。在点击提交按钮时，调用了validate方法进行表单校验，该方法会根据规则数组中的属性来进行校验，如果校验通过则弹出提交成功的提示，否则弹出校验失败的提示。

可以看出，elementui的表单动态校验确实非常方便，提高了开发效率，同时也保证了表单的数据可靠性。