如何为 v-b-tooltips 设置全局显示延迟?
How can I set a global show delay for v-b-tooltips?
Bootstrap Vue tooltip 的显示延迟可以通过添加 .dXXX
修饰符来设置,如下所示:
<b-button v-b-tooltip.d300 title="Tooltip content">Hover Me</b-button>
有没有办法全局配置默认显示延迟?默认情况下,我想为所有工具提示添加一个小的延迟。
经过一番调查:
Is there a way to configure the default show delay globally?
目前没有。但是,我已经提交了一个 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);
Bootstrap Vue tooltip 的显示延迟可以通过添加 .dXXX
修饰符来设置,如下所示:
<b-button v-b-tooltip.d300 title="Tooltip content">Hover Me</b-button>
有没有办法全局配置默认显示延迟?默认情况下,我想为所有工具提示添加一个小的延迟。
经过一番调查:
Is there a way to configure the default show delay globally?
目前没有。但是,我已经提交了一个 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);