当元素被禁用时，v-tooltip 停止工作

Question

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

我需要tooltip解释为什么按钮被禁用，但当我这样做时，tooltip也会被禁用。

Answer 1

从这个问题上的项目：

重点是，它实际上不是与 v-tooltip 相关的问题，而是与浏览器规范相关的问题。根据您使用的浏览器，有些可能和其他一些可能不会为禁用的元素发出事件。在这种情况下，Firefox 似乎会为禁用的按钮发出事件，而 chrome 不会。

作为一种解决方法，您可以将按钮包装在一个 div 中，以便能够在其上使用 v-tooltip。

例子

<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一些布尔数据属性在哪里。这将使工具提示在按钮禁用时出现，并在按钮启用时禁用工具提示。