title: Vue bootstrap on blur event
body: <p>I am not able to use vue on blur event, 
  In my component I have a <code>@change</code> directive</p>
  
  <pre><code>&lt;b-input :value="value" @change="validateEmail($event)" @input="$emit('input', $event)" ref="input" :state="state"/&gt;
  </code></pre>
  
  <p>This is because <code>@blur</code> doesn't seem to work.
  <a href="https://stackoverflow.com/questions/53207177/bootstrap-vue-onblur-handler-is-not-been-called/53207382#53207382">Bootstrap vue on:blur handler is not been called</a></p>
  
  <p>This works partially when I am changing the input and hit tab, then works, but if I focus on the input and click tab without changing the input, it doesn't work. 
  I want to show a message that email is required in this case but I cannot.</p>