v-подсказка перестает работать, когда элемент отключен

Question

<button v-tooltip="'text'" :disabled=true>Some button</button>

Мне нужен tooltip, объясняющий, почему кнопка отключена, но когда я это сделаю, также отключается tooltip.

Answer 1

Из этой проблемы проекта :

Дело в том, что на самом деле это не проблема, связанная с v-tooltip, а спецификация браузера.В зависимости от браузера, который вы используете, некоторые могут, а некоторые могут не генерировать события для отключенных элементов.В этом случае Firefox, похоже, генерирует события для отключенных кнопок, а Chrome - нет.

В качестве обходного пути вы можете заключить кнопку в элемент div, чтобы иметь возможность использовать v-подсказку на ней.

---

Пример

<div v-tooltip="'text'"><button :disabled=true>Some button</button></div>

Answer 2

Полагаю, вы могли бы обернуть кнопку в диапазон и поместить всплывающую подсказку в область вместо кнопки ..

<span v-tooltip="condition && 'text'">
  <button :disabled="condition">Some button</button>
</span>

Где condition - это некоторое булево свойство данных.Это заставит всплывающую подсказку появляться, когда кнопка отключена, и отключит подсказку, когда кнопка включена.