title: Vee validation is not working inside the <b-form-input> tag
body: <p>Below is my code. In the addEmployee.vue file, fields are there. Firstname , Middlename , Lastname. Among the three fields "Firtname &amp; Lastname" has noraml  tag. But "Middlename" has  tag. Vee-validate "required" validation is working for the normal input tag fields but it's not working for Middlename field. What is the reason for this?</p>
  
  <p>addEmployee.vue</p>
  
  <pre><code>  &lt;template&gt;
   &lt;b-card&gt;
      &lt;h4 slot="header" class="card-title"&gt;Employee&lt;/h4&gt;
          &lt;b-row&gt;
              &lt;b-col sm="3"&gt;
                &lt;b-form-group&gt;
                  &lt;label for="name"&gt;First Name &lt;/label&gt;
                  &lt;input type="text" id=""  class="form-control" placeholder="Enter your name" v-validate="'required|Name'" name="Firstname"&gt;
                          &lt;span v-show="errors.has('Firstname')" class="is-danger"&gt;{{ errors.first('Firstname') }}&lt;/span&gt;
                 &lt;/b-form-group&gt;
              &lt;/b-col&gt;
              &lt;b-col sm="3"&gt;
                &lt;b-form-group&gt;
                  &lt;label for="name"&gt;Middle Name &lt;/label&gt;
                 &lt;b-form-input type="text" id="" placeholder="Enter your name" v-validate="'required|Name'" name="Middlename"&gt; 
                    &lt;span v-show="errors.has('Middlename')" class="help is-danger"&gt;{{ errors.first('Middlename') }}&lt;/span&gt;&lt;/b-form-input&gt;
                &lt;/b-form-group&gt;
                &lt;/b-form-group&gt;
              &lt;/b-col&gt;
               &lt;b-col sm="3"&gt;
                &lt;b-form-group&gt;
                  &lt;label for="name"&gt;Last Name &lt;/label&gt;
                  &lt;input type="text" id=""  class="form-control" placeholder="Enter your middle name" v-validate="'required|Name'" name="Lastname"&gt;
                          &lt;span v-show="errors.has('Lastname')" class="help is-danger"&gt;{{ errors.first('Lastname') }}&lt;/span&gt;
                &lt;/b-form-group&gt;
              &lt;/b-col&gt;
          &lt;/b-row&gt;
            &lt;input type="submit" value="Submit" @click="validateForm"&gt;
   &lt;/b-card&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Vue from 'vue'
  import VeeValidate from 'vee-validate';
  Vue.use(VeeValidate);
  
  export default {
    name: 'addEmpl'
  },
     methods: {
      validateForm() {
      this.$validator.validateAll().then((result) =&gt; {
      if(!result){
      alert('not submitted')
      return
    }
    alert('submitted')
  }).catch(() =&gt; {
  });
     }
  }
  }
  &lt;/script&gt;
  
  &lt;style lang="scss" scoped&gt;
  .is-danger{
    color:  RED;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>