dynamic-form-validation.vue

<script lang="ts">
import Vue, { PropType } from "vue";
import { requiredIf } from "vuelidate/lib/validators";

export default Vue.extend({
  validations() {
    const form: { [rule: string]: any } = {};
    this.allAttributes.forEach(attr => {
      form[attr] = {
        required: requiredIf(function(this: any): boolean {
          return this.isAttributeRequired(attr);
        }),
      };
    });
    return { form };
  },
  
  methods: {
    isAttributeRequired(attr: string): boolean {
      return this.requiredFields?.includes(attr);
    },
  },
});
</script>