title: Vue.js vee-validate how to avoid error after submitting available input
body: <p>I am validating input in my AddItemComponent.vue... 
  It's working fine, displaying the error message when entering empty string , not showing error when user enter any value...
  However after adding the item, the input field is cleared but the error message get displayed ( I am not using v-validate.initial )</p>
  
  <p>I tried to insert: this.$validator.clean() after adding the item .. wo any success</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I understand what happen , but I don't see how to solve it ..
  after adding item , the method 'addItem() create a new empty item to clear the input field ... this raises the validation error again...</p>
  
  <p><strong>AddItemComponent</strong></p>
  
  <pre><code>    &lt;template&gt;
        &lt;div&gt;
          &lt;div class="input-group"&gt;
            &lt;input type="text" name="item" data-vv-delay="500" v-validate="'required'" :class="{'input': true, 'is-danger': errors.has('required') }"  @keyup.enter="addItem" v-model="newItem" placeholder="add shopping list item" class="form-control"&gt;
            &lt;span class="input-group-btn"&gt;
              &lt;button @click="addItem" class="btn btn-default" type="button"&gt;Add!&lt;/button&gt;
            &lt;/span&gt;
          &lt;/div&gt;
          &lt;p v-show="errors.has('item')"&gt;{{ errors.first('item') }}&lt;/p&gt;
        &lt;/div&gt;
      &lt;/template&gt;
  
      &lt;style scoped&gt;
      p { color: red; }
      span, input, button { vertical-align: top; }
      &lt;/style&gt;
  
      &lt;script&gt;
        export default {
          props: ['id'],
          data () {
            return {
              newItem: ''
            }
          },
          methods: {
            addItem () {
              var text
  
              text = this.newItem.trim()
              if (text.length &gt; 0) {
                this.$emit('add', this.newItem)
                this.newItem = ''
              }
              this.$store.dispatch('updateList', this.id)
            }
          }
        }
      &lt;/script&gt;
  </code></pre>