BootstrapVue - 在 select 选项上使用工具提示？
BootstrapVue - use tooltips on select options?
我正在使用 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>
不显示工具提示，仅显示常规标题。现在我知道“工具提示依赖于第 3 方库 Popper.js 进行定位”，正如文档所说，但我不知道如果我导入 BootstrapVue 插件（import './plugins/bootstrap-vue') 或者是否需要以某种方式明确包含它，在这种情况下，如何？文档不清楚。
看起来它已经包含在（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 了，这就是结果。所以是的，它已经开箱即用。
我正在使用 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>
不显示工具提示，仅显示常规标题。现在我知道“工具提示依赖于第 3 方库 Popper.js 进行定位”，正如文档所说，但我不知道如果我导入 BootstrapVue 插件（import './plugins/bootstrap-vue') 或者是否需要以某种方式明确包含它，在这种情况下，如何？文档不清楚。
看起来它已经包含在（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 了，这就是结果。所以是的，它已经开箱即用。