使用Bootsrap vue在Vuejs中添加或删除工具提示
使用Bootsrap vue在Vuejs中添加或删除工具提示
提问于 2018-07-02 17:40:14
我已经写了一行代码使用Bootstrap Vue的v-b-tooltip。然而，我只想在某些情况下有工具提示。如何将条件设置为有或没有工具提示。
<b-btn v-b-tooltip="'Tooltip'">回答 2
Stack Overflow用户
发布于 2018-07-07 22:39:52
禁用工具提示的一种可能方法是使用"b- tooltip“元素。如下所示：
<b-btn id="my-button">OK</b-btn>
<b-tooltip :disabled.sync="disableTooltip" target="my-button">Tooltip</b-tooltip>
<b-btn @click="disableTooltip = !disableTooltip">Enable / Disable Tooltip</b-btn>确保您的数据对象中具有"disableTooltip“属性。
更多信息：
https://bootstrap-vue.js.org/docs/components/tooltip/#programmatically-disabling-tooltip
Stack Overflow用户
发布于 2018-07-07 22:45:10
通过$root事件禁用和启用工具提示您可以通过在$root上发出bv:: disable ::tooltip事件来禁用所有打开的工具提示：
this.$root.$emit('bv::disable::tooltip');
要禁用特定的工具提示，请将触发器元素的id作为第一个参数传递：
this.$root.$emit('bv::disable::tooltip', 'my-trigger-button-id');
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51133160
复制相关文章
相似问题
腾讯云开发者
