title: Unable to validate email on each email Value field in an array of objects
body: <p>I'm trying to validate the the value field in an object contains an email. There could be potentially many of these objects in an array. When I evaluate if it's $dirty it says Value is undefined. The validation is also not working at all. I've never validated an array of objects before as assuming I'm accessing the data in the array wrong but I'm not sure</p>
  
  <p>Example Object: Value will contain the email I'm trying to validate</p>
  
  <pre><code>{
     option: null,
     Value: null,
     Environment: null
  }
  </code></pre>
  
  <p>Validations:</p>
  
  <pre><code>validations: {
      defaultFields: {
        $each: {
          Value: { email }
        }
      },
    }
  </code></pre>
  
  <p>Custom Error Function: This is whats throwing the error on the first If statement but the validation isn't working either way</p>
  
  <pre><code>computed: {
    emailErrors() {
        const errors = [];
        if (!this.$v.defaultFields.$each.Value.$dirty) return errors;
        !this.$v.defaultFields.$each.Value.email &amp;&amp; errors.push('You must enter a valid email');
        return errors;
      }
  }
  </code></pre>
  
  <p>This is an example of the loop and the field in the loop i'm trying to iterate over and validate what is typed in is a valid email.</p>
  
  <pre><code>&lt;v-form&gt;
      &lt;div v-for="(defaultField, defaultIndex) in defaultFields" v-bind:key="`${defaultIndex}-default`"&gt;
          &lt;v-text-field
          @input="$v.defaultFields.$each[defaultIndex].Value.$touch()"
          @blur="$v.defaultFields.$each[defaultIndex].Value.$touch()"
          :error-messages="emailErrors(defaultIndex)"
          id="value"
          v-model="defaultField.Value"
          label="Email Address"
          type="email"
          &gt;&lt;/v-text-field&gt;
      &lt;/div&gt;
  &lt;/v-form&gt;
  </code></pre>