Bootstrap vue on:blur handler is not been called

问题

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.

回答1:

Change @blur to @change and it will work.

来源：https://stackoverflow.com/questions/53207177/bootstrap-vue-onblur-handler-is-not-been-called