Bootstrap vue on:blur handler is not been called

Question

I have the following component

<template>
  <b-input :value="value" @blur="validateEmail" ref="input" :state="state"/>
</template>

<script>
  export default {

    methods: {
      validateEmail: function() {
      console.log('test')
    },

  }
</script>

The method validateEmail is not been triggered when input loses focus.

Answer 1

Change @blur to @change and it will work.