Question

我正在使用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警告]：在实例上未定义属性或方法“数据” 但在渲染期间引用。确保此属性是在data选项中或对于基于类的组件，通过初始化属性。看到： https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties。在发现 --->在resources / assets / js / components / Project.vue

我不确定为什么，因为在其他项目中它工作正常。有什么想法吗？

Answer 1

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

“数据”在这里可以是任何字符串。只要匹配v-on =“ data.on”您是否在页面上使用data属性？您可以在脚本部分显示您的内容吗？

vuetify的v-tooltip打破了整个页面

1 个答案: