模糊事件上的 Vue 引导程序答案

【问题标题】：Vue bootstrap on blur event模糊事件上的 Vue 引导程序
【发布时间】：2019-04-21 20:33:56
【问题描述】：

我无法在模糊事件中使用 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

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

【问题讨论】：

你试过@blur.native="..."吗？没试过，但是由于你的b-input是vue组件，可能和原生事件有关。

标签： vue.js

【解决方案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

【讨论】：

【解决方案2】：

你可以使用@blur.native="function"

【讨论】：

你应该添加一个文档链接来增加你的答案！