Добавление или удаление всплывающей подсказки в Vuejs с помощью Bootsrap vue

Question

У меня есть строка кода usse v-b-подсказка Bootstrap Vue. Однако я хочу иметь всплывающую подсказку только в каком-то состоянии. Как установить условие, чтобы всплывающая подсказка была или нет.

<b-btn v-b-tooltip="'Tooltip'">

Answer 1

Отключение и включение всплывающих подсказок через события $ root Вы можете отключить все открытые всплывающие подсказки, отправив событие bv :: disable :: tooltip в $ root:

this.$root.$emit('bv::disable::tooltip');

Чтобы отключить конкретную подсказку, передайте идентификатор элемента триггера в качестве первого аргумента:

this.$root.$emit('bv::disable::tooltip', 'my-trigger-button-id');

Здесь документ с большим количеством примеров

Answer 2

Одним из возможных способов отключения всплывающей подсказки является наличие элемента "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 / документы / компоненты / подсказка / # программно-отключив-подсказка