vue.js - Vue 引导模糊事件

Question

我无法在模糊事件上使用 vue，在我的组件中，我有一个 @change 指令

<b-input :value="value" @change="validateEmail($event)" @input="$emit('input', $event)" ref="input" :state="state"/>

这是因为@blur 似乎不起作用。 Bootstrap vue on:blur handler is not been called

这在我更改输入并点击选项卡时部分起作用，然后起作用，但如果我专注于输入并单击选项卡而不更改输入，它就不起作用。我想显示一条消息，说明在这种情况下需要电子邮件，但我不能。

Answer 1

您可以将 @blur.native 与 Bootstrap Vue 输入一起使用。

<b-input
        :value="value"
        @change="validateEmail($event)"
        @input="$emit('input', $event)"
        ref="input"
        :state="state"

        @blur.native="handleBlur"

/>

https://github.com/bootstrap-vue/bootstrap-vue/issues/1645#issuecomment-369477878