Vue ElementUI Form-Formularvalidierung

el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic">
  <el-form-item
    prop="E-Mail"
    label="Postfach"
    :Regeln="[
      { erforderlich: true, Nachricht: ‚Bitte geben Sie Ihre E-Mail-Adresse ein‘, Auslöser: ‚unscharf‘ },
      { Typ: 'E-Mail', Nachricht: 'Bitte geben Sie eine gültige E-Mail-Adresse ein', Auslöser: ['Verwischen', 'Ändern'] }
    ]"
  >
    <el-input v-model="dynamicValidateForm.email"></el-input>
  </el-form-item>
  <el-form-item
    v-for="(Domäne, Index) in dynamicValidateForm.domains"
    :label="'Domänenname' + Index"
    :Schlüssel="Domäne.Schlüssel"
    :prop="'Domänen.' + index + '.value'"
    :Regeln="{
      erforderlich: true, Meldung: „Domänenname darf nicht leer sein“, Auslöser: „unscharf“
    }"
  >
    <el-input v-model="domain.value"></el-input><el-button @click.prevent="removeDomain(domain)">Löschen</el-button>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="submitForm('dynamicValidateForm')">Senden</el-button>
    <el-button @click="addDomain">Einen neuen Domänennamen hinzufügen</el-button>
    <el-button @click="resetForm('dynamicValidateForm')">Zurücksetzen</el-button>
  </el-form-item>
</el-form>
<Skript>
  Standard exportieren {
    Daten() {
      zurückkehren {
        dynamischesValidateForm: {
          Domänen: [{
            Wert: ''
          }],
          E-Mail: ''
        }
      };
    },
    Methoden: {
      Formular absenden(Formularname) {
        dies.$refs[formName].validate((gültig) => {
          if (gültig) {
            Warnung ('Senden!');
          } anders {
            console.log('Fehler beim Senden!!');
            gibt false zurück;
          }
        });
      },
      Formular zurücksetzen(Formularname) {
        dies.$refs[formName].resetFields();
      },
      entferneDomain(Element) {
        var index = this.dynamicValidateForm.domains.indexOf(Element)
        wenn (Index !== -1) {
          dies.dynamicValidateForm.domains.splice(index, 1)
        }
      },
      Domain hinzufügen() {
        diese.dynamicValidateForm.domains.push({
          Wert: '',
          Schlüssel: Date.now()
        });
      }
    }
  }
</Skript>