vuejs2 - 使用 Bootsrap vue 在 Vuejs 中添加或删除工具提示

Question

我已经编写了 Bootstrap Vue 的行代码 usse vb-tooltip。但是我只想在某些情况下使用工具提示。如何设置条件是否有工具提示。

<b-btn v-b-tooltip="'Tooltip'">

Answer 1

One possible way to disable tooltip is to have a "b-tooltip" element. Something like this:

<b-btn id="my-button">OK</b-btn>
<b-tooltip :disabled.sync="disableTooltip" target="my-button">Tooltip</b-tooltip>

<b-btn @click="disableTooltip = !disableTooltip">Enable / Disable Tooltip</b-btn>

Make sure you have the "disableTooltip" property in your data object.

More information:

https://bootstrap-vue.js.org/docs/components/tooltip/#programmatically-disabling-tooltip

Answer 2

通过 $root 事件禁用和启用工具提示 您可以通过在 $root 上发出 bv::disable::tooltip 事件来禁用所有打开的工具提示：

this.$root.$emit('bv::disable::tooltip');

要禁用特定工具提示，请将触发元素的 id 作为第一个参数传递：

this.$root.$emit('bv::disable::tooltip', 'my-trigger-button-id');

这里有更多示例的文档