时间戳

首页 > 解决方案 > vuetify 的 v-tooltip 破坏了整个页面

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

问题描述

我正在使用 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 。在 ---> 在 resources/assets/js/components/Project.vue 中找到

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

标签： javascriptvue.jstooltipfrontendvuetify.js

解决方案

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

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

推荐阅读