如何为 v-b 工具提示设置全局显示延迟


可以

添加.dXXX修饰符来设置引导 Vue 工具提示的显示延迟,如下所示:

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

有没有办法全局配置默认显示延迟? 默认情况下,我想为所有工具提示添加一个小延迟。

经过一番调查:

有没有办法全局配置默认显示延迟?

目前没有。 但是,我已经提交了一个 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);

最新更新