vue.js - 如何仅在禁用按钮时显示 v-tooltip

Question

我正在使用 Vuejs 2 和 v-tooltip npm 包。我想仅在禁用按钮时显示 v-tooltip。当它没有被禁用时，我根本不想显示 v-tooltip。

<button
  v-tooltip="message"
  :disabled="true">
  CLICK ME!
</button>

Answer 1

假设您disabled的状态中有一个变量，它也可以是一个条件a > b，然后您可以有条件地渲染按钮。

<button
  v-if="disabled"
  v-tooltip="message"
  :disabled="true">
  CLICK ME!
</button>
<button
  v-else
>
  CLICK ME!
</button>

或者你甚至可以试试这个

<button
  v-tooltip="disabled ? message : ''"
  :disabled="true">
  CLICK ME!
</button>

也许它会起作用