title: Using Vuelidate with v-for and props
body: <p>How are you all using Vuelidate with <code>v-for</code>. I can't seem to get it to work correctly. It either validates each of the <code>text-fields</code> in my form, or it throws an error. I only want it to validate the field that is being entered, and not other fields that are created from <code>v-for</code>.</p>
  
  <p>In the below template you can see the <code>creds</code> in <code>amazonCredsArray</code> are props passed in from the parent component. Depending on the number of hashes in the <code>amazonCredsArray</code> is the number of forms that are created. With the below setup, the <code>text-field</code> below is created multiple times, and Vuelidate validates ALL these fields when just 1 is entered. I have <code>:key</code> defined on the field but it doesn't help.</p>
  
  <p><strong>Template</strong></p>
  
  <pre><code>&lt;template&gt;
  &lt;v-container fluid grid-list-lg class="come_closer"&gt;
    &lt;v-layout row wrap&gt;
      &lt;v-flex xs12 v-for="creds in amazonCredsArray" :key="creds.id" class="pb-4"&gt;
        &lt;v-card class="lightpurple"&gt;
          &lt;v-card-title&gt;
            &lt;v-icon class="my_dark_purple_text"&gt;language&lt;/v-icon&gt;
            &lt;h1 class="title oswald my_dark_purple_text pl-2 pr-5"&gt;ENTER YOUR AMAZON CREDENTIALS BELOW&lt;/h1&gt;
          &lt;/v-card-title&gt;
  
       &lt;v-form&gt;
          &lt;v-layout xs12 row wrap class="mx-auto" &gt;
            &lt;v-flex xs12&gt;
              &lt;v-text-field
                :error-messages="sellerIdErrors"
                required
                :key="creds.seller_id"
                color="indigo"
                label="Amazon Seller Id"
                v-model="creds.seller_id"
                prepend-icon="person"
                @input="$v.seller_id.$touch()"
                @blur="$v.seller_id.$touch()"
              &gt;&lt;/v-text-field&gt;
            &lt;/v-flex&gt;
  </code></pre>
  
  <p>And my offending script:</p>
  
  <p><strong>Script</strong></p>
  
  <pre><code>import { validationMixin } from 'vuelidate';
  import { required } from 'vuelidate/lib/validators';
  
  var url = "https://bc-only-rates-trimakas.c9users.io";
  
  export default {
    mixins: [validationMixin],
    validations: {
      seller_id: { required }
    },
    props: ["amazonCredsArray"],
    computed:{
      sellerIdErrors () {
        const errors = []
        if (!this.$v.seller_id.$dirty) return errors
        !this.$v.seller_id.checked &amp;&amp; errors.push('Please provide us your seller id')
        return errors
      },
    },
  </code></pre>