Question

public class Window2 extends JPanel { // Image Import ImageIcon i = new ImageIcon("C: / Class Pokemon Game/ src / GameTitle (1).psd"); Image title = i.getImage(); public void paintComponent(Graphics g) { super.paintComponent(g); this.setBackground(Color.BLACK); g.setColor(Color.RED); g.fillRect(0, 40, 5000, 20); g.**drawImage**(title, 500, 500); }

我需要<button v-tooltip="'text'" :disabled=true>Some button</button>来说明为什么禁用该按钮，但是当我这样做时，tooltip也将被禁用。

Answer 1

我想您可以将按钮包裹在一个范围内，然后将工具提示放在范围内，而不是按钮..

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

condition是布尔数据属性。这样将在禁用按钮时显示工具提示，并在启用按钮时禁用工具提示。

Answer 2

From this issue on the project：

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

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

示例

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

Answer 3

试试这个：

<div
  style="display: inline-block"
  v-tooltip="'text'"
>
  <button disabled>button</button>
</div>

div 元素默认为 display: block。当孩子不适合 100% 宽度时，工具提示位置会出错。

禁用元素后，v-tooltip停止工作

3 个答案:

示例