Vue.js Vuetify工具提示不'；不显示

我正在将Vuetify文档中的示例用于我的应用程序中的工具提示，但当您将鼠标悬停在指定元素上时，工具提示不会出现：

<v-tooltip bottom>
      <template v-slot:activator="{ on }">
        <span v-on="on">This text has a tooltip</span>
      </template>
      <span>Tooltip</span>
</v-tooltip>

我正在使用以下版本的Vue和Vuetify：

"vue": "^2.6.10",
"vuetify": "^2.0.0-beta.0"

浏览器控制台中没有错误。有人能告诉我我做错了什么吗？语法应该不同吗？

---

谢谢

将以下导入添加到

src

文件夹中的

main.js

文件中

import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.css'
Vue.use(Vuetify)

---

希望这能解决您的问题

将以下导入添加到

src

文件夹中的

main.js

文件中

import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.css'
Vue.use(Vuetify)

---

希望这能解决您的问题

您是否在项目中添加了v-tooltip组件？@NaN-是的，我也更新了我的问题。谢谢您是否将v-tooltip组件添加到您的项目中？@NaN-是的，我也更新了我的问题。谢谢从“vuetify/lib”导入{VTooltip}；//导入似乎正常。从“vuetify/lib”导入{VTooltip}；//进口似乎还可以。