Vuetify工具提示未显示

Question

我正在使用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"

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

Answer 1

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

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

希望这可以解决您的问题