BootstrapVue - 在选择选项上使用工具提示？

Question

我正在使用 BootstrapVue，我有一个 <b-form-select>，我想在其中显示每个 <b-form-select-option> 的工具提示。我有以下几点：

 <b-form-select-option v-for="opt in options" :key="opt.value" :value="opt.value" :title="opt.text" v-b-tooltip.hover>{{opt.name}}</b-form-select-option>

工具提示不显示，只显示常规标题。现在我知道“工具提示依赖于 3rd 方库 Popper.js 进行定位”，正如文档所说，但我不知道如果我导入 BootstrapVue 插件 (import './plugins/bootstrap-vue')，这是否会自动添加或者是否需要以某种方式明确包括在内，在这种情况下，如何？文档不清楚。

Answer 1

看起来它已经包含在（在 UMD 包中）。
https://bootstrap-vue.org/docs/#dependencies

最快的方法是尝试一下，看看这是否有效，或者检查您的 yarn.lock/package-lock.json（搜索并查看它是否作为 bootstrap vue 的依赖项包含在内）。
或者，您可以使用任何 webpack 包分析器（如果您使用的是 Nuxt.js，则支持）。

这一点也证实了这一点：https://github.com/bootstrap-vue/bootstrap-vue/issues/3681

我只是yarn add bootstrap-vue'ed，这就是结果。所以是的，它已经包含在开箱即用中。