Vuetify 工具提示不显示答案

【问题标题】：Vuetify tooltip doesn't showVuetify 工具提示不显示
【发布时间】：2019-11-08 13:09:05
【问题描述】：

我正在将 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>

我在组件的声明中添加了VTooltip：

import { VTooltip } from 'vuetify/lib';

components: {
    VTooltip
}

我正在使用这些版本的 Vue 和 Vuetify：

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

浏览器的控制台没有错误。有人可以告诉我我做错了什么吗？语法应该不同吗？谢谢！

【问题讨论】：

你的项目中添加了 v-tooltip 组件吗？
@NaN - 是的，我也更新了我的问题。谢谢！

标签： vue.js vuetify.js

【解决方案1】：

将以下导入添加到src 文件夹内的main.js 文件中

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

希望这能解决您的问题

【讨论】：

从 'vuetify/lib' 导入 { VTooltip }; // 导入似乎没问题。