如何使用 Bootstrap Vue 通过悬停禁用工具提示打开

Question

我像示例中那样使用工具提示 Toggle Tooltip:

<template>
  <div class="text-center">
    <div>
      <b-button id="tooltip-button-1" variant="primary">I have a tooltip</b-button>
    </div>

    <div class="mt-3">
      <b-button @click="show = !show">Toggle Tooltip</b-button>
    </div>

    <b-tooltip :show.sync="show" target="tooltip-button-1" placement="top">
      Hello <strong>World!</strong>
    </b-tooltip>
  </div>
</template>
<script>
  export default {
    data: {
      show: true
    }
  }
</script>

但我不需要它在悬停时打开。 谁能帮忙解答下？

Answer 1

在 tooltip 组件中有一个名为 triggers 的道具，您可以在其中指定可以触发工具提示的事件：

    <b-tooltip :show.sync="show" target="tooltip-button-1"  triggers="click" placement="top">
      Hello <strong>World!</strong>
    </b-tooltip>