vuetify 的 v-tooltip 破坏了整个页面答案

【问题标题】：v-tooltip from vuetify breaks the whole pagevuetify 的 v-tooltip 破坏了整个页面
【发布时间】：2019-07-22 10:36:57
【问题描述】：

我正在使用 vuetify 文档中的这个示例

<v-tooltip bottom>
    <template #activator="data">
        <v-btn color="primary" dark v-on="data.on">Button</v-btn>
    </template>
    <span>Tooltip</span>
</v-tooltip>

但是当我把它放在整个页面中断的任何地方时，之后不要渲染，我得到了 JS 错误：

[Vue 警告]：实例上未定义属性或方法“数据” 但在渲染期间引用。确保此属性是反应式，无论是在数据选项中，还是对于基于类的组件，通过初始化属性。看： https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties。在发现 ---> 在资源/资产/js/components/Project.vue

我不知道为什么，因为在另一个项目中它工作正常。有什么想法吗？

【问题讨论】：

根据错误，看起来问题不是工具提示，而是您在模板标签中使用的“数据”属性尚未在 vue 脚本的数据部分中定义.我建议您确保在数据部分中正确启动了该变量。

标签： javascript vue.js tooltip frontend vuetify.js

【解决方案1】：

来自Vuetify => 激活器：使用时，单击时将激活组件（或悬停特定组件）。这会手动停止事件传播。如果没有这个槽，如果通过其模型打开组件，则需要手动停止事件传播

"data" 在这里可以是任何字符串。只要它匹配 v-on="data.on" 您是否在页面上使用数据属性？你能在你的脚本部分展示你有什么吗？

【讨论】：