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

Question

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

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

标签： javascriptvue.jsv-tooltip

Answer 1

从这个问题上的项目：

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

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

---

例子

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