Vuetify Form Validation - Definieren von ES6-Regeln für übereinstimmende Eingaben

Question

Ich habe ein (Vuetify) -Formular mit einer E-Mail-Eingabe, die ES6 & regex verwendet, um zu überprüfen, ob es sich um eine gültige E-Mail handelt. Wie würde ich einen weiteren emailConfirmationRules Regelsatz einrichten, um zu überprüfen, ob der emailConfirmation Eingang mit dem email Eingang übereinstimmt?

<template> 
    <v-form v-model="valid"> 
     <v-text-field label="Email Address" 
      v-model="email" 
      :rules="emailRules" 
      required></v-text-field> 

     <v-text-field label="Confirm Email Address" 
      v-model="emailConfirmation" 
      :rules="emailConfirmationRules" 
      required></v-text-field> 
    </v-form> 
<template> 

export default { 
    data() { 
     return { 
     valid: false, 
     email: '', 
     emailConfirmation: '', 
     emailRules: [ 
      (v) => !!v || 'E-mail is required', 
      (v) => /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(v) || 'E-mail must be valid' 
     ], 
     emailConfirmationRules: [ 
      (v) => !!v || 'Confirmation E-mail is required', 
     ] (v) => ??? || 'Confirmation E-mail does not match' 
    } 
} 

Answer 1

emailConfirmationRules: [ 
    (v) => !!v || 'Confirmation E-mail is required', 
    (v) => v == this.email || 'E-mail must match' 
    ],