title: Multiple Text Field Repeater with VueJS Vee Validate
body: <p>I have a multiple text fields repeater with veevalidate. The problem is that, when the first field has errors, the other field will be affected. And, will inherit that error when adding new field. </p>
  
  <p>->  <a href="https://prnt.sc/h75byu" rel="nofollow noreferrer">https://prnt.sc/h75byu</a></p>
  
  <p>here's my html</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;form class="ui form" @submit.prevent="onSubmit"&gt;
  
      &lt;div class="repeater" v-for="(field, index) in fieldsRepeater"&gt;
        &lt;div class="field" :class="{error: errors.has('fname')}"&gt;
          &lt;label&gt;First Name&lt;/label&gt;
          &lt;input type="text" name="fname" placeholder="First name" v-validate="'required'" v-model="fname"&gt;
          &lt;span class="error" v-if="errors.has('fname')"&gt;{{errors.first('fname')}}&lt;/span&gt;
        &lt;/div&gt;
  
        &lt;div class="field" :class="{error: errors.has('lname')}"&gt;
          &lt;label&gt;Last Name&lt;/label&gt;
          &lt;input type="text" name="lname" placeholder="Last name" v-validate="'required'" v-model="lname"&gt;
          &lt;span class="error" v-if="errors.has('lname')"&gt;{{errors.first('lname')}}&lt;/span&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;button type="button" class="ui button" @click="AddField"&gt;Add Field&lt;/button&gt;
  
    &lt;button type="submit" class="ui submit button"&gt;Submit&lt;/button&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>here's my vuejs</p>
  
  <pre><code>Vue.use(VeeValidate)
  
  new Vue({
    el: '#app',
    data() {
      return {
        fieldsRepeater: [{
          fname: '',
          lname: '',
        }],
      }
    },
    methods: {
      AddField() {
        this.fieldsRepeater.push({
          fname: '',
          lname: '',
        });
      },
      onSubmit() {
        this.$validator.validateAll()
  
        if (!this.errors.any()) {
          alert('submit')
        }
      }
    }
  })
  </code></pre>
  
  <p>here's my jsfiddle -> <a href="https://jsfiddle.net/m67d8f4x/66/" rel="nofollow noreferrer">https://jsfiddle.net/m67d8f4x/66/</a></p>
  
  <p>how can we apply different validation to every group of fields?</p>
  
  <p>How can I solve that problem?</p>