Question

我正在尝试按照他们文档中的示例实施v-tooltip，但无法使其正常工作。如果我复制示例，则会收到此错误：

[Vue warn]: Property or method "on" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

如果我声明属性on，则btn根本不会显示。

这是模板：

<v-tooltip bottom>
     <template v-slot:activator="{ on }">
        <v-btn color="primary" dark v-on="on">Bottom</v-btn>
    </template>
    <span>Bottom tooltip</span>
</v-tooltip>

Answer 1

您可能会收到该错误，因为您使用的Vue版本不支持added in Vue version 2.6的v-slot指令。

要么更新您的Vue版本，要么使用以前版本中支持的广告位语法：

<v-tooltip bottom>
  <template slot="activator" slot-scope="{ on }">
    <v-btn color="primary" dark v-on="on">Bottom</v-btn>
  </template>
  <span>Bottom tooltip</span>
</v-tooltip>

v-tooltip不显示其背后的组件

1 个答案: