我正在使用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"
浏览器的控制台中没有错误。有人能告诉我我做错了什么吗?语法应该有所不同吗?谢谢!
发布于 2019-06-27 09:46:19
将以下导入添加到src
文件夹内的main.js
文件中
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.css'
Vue.use(Vuetify)
希望这能解决你的问题
https://stackoverflow.com/questions/56775321
复制