可以通过添加.dXXX
修饰符来设置Bootstrap Vue tooltip的显示延迟,如下所示:
<b-button v-b-tooltip.d300 title="Tooltip content">Hover Me</b-button>
是否可以全局配置默认的显示延迟?默认情况下,我想在所有工具提示上添加一个小的延迟。
答案 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);