如何为v-b-tooltip设置全局显示延迟?

时间:2019-05-28 19:20:43

标签: tooltip bootstrap-vue

可以通过添加.dXXX修饰符来设置Bootstrap Vue tooltip的显示延迟,如下所示:

<b-button v-b-tooltip.d300 title="Tooltip content">Hover Me</b-button>

是否可以全局配置默认的显示延迟?默认情况下,我想在所有工具提示上添加一个小的延迟。

1 个答案:

答案 0 :(得分:0)

经过一些调查:

  

是否可以全局配置默认显示延迟?

目前不行。但是,我已经提交了PR以添加此功能:https://github.com/bootstrap-vue/bootstrap-vue/pull/3426

一旦合并,可以像这样全局地自定义工具提示和弹出窗口的delay

import Vue from 'vue';
import BVConfig from 'bootstrap-vue/es/bv-config';
import BootstrapVue from 'bootstrap-vue';

Vue.use(BVConfig, {
  BTooltip: {
    delay: {
      show: 400,
      hide: 100,
    },
  },
  BPopover: {
    delay: 1000,
  },
});

Vue.use(BootstrapVue);