Javascript 在vuetify中，禁用按钮时如何显示工具提示

我正在vuetify项目中使用按钮和工具提示组件。我只想在按钮被禁用时显示工具提示，我正在寻找一个解决方案，如何才能正确地执行此操作

目前，工具提示仅在按钮启用时可见

我的代码：

<v-tooltip top>
<template v-slot:activator="{ on, attrs }">
<v-btn class="ma-2" color="primary" :disabled="disabled" v-bind="attrs" @click="clear" v-on="on">
Save
</v-btn>
 </template>
<span>its my toolip</span>
</v-tooltip>

拯救
这是我的工具

不确定是否有更好的答案，但您可以使用

v-if

和

v-else

。另外，如果您想显示禁用按钮的工具提示，您应该用空的

div

包装按钮。试试下面

  <v-tooltip v-if="disabled" top>
    <template v-slot:activator="{ on, attrs }">
      <div v-on="on">
        <v-btn class="ma-2" color="primary" disabled v-bind="attrs" @click="clear">
          Save
        </v-btn>
      </div>
    </template>
    <span>its my toolip</span>
  </v-tooltip>
  <v-btn v-else class="ma-2" color="primary" v-bind="attrs" @click="clear">
    Save
  </v-btn>

拯救
这是我的工具
拯救