在自定义（非本机）组件上使用 v-tooltip

Question

我有一个正在广泛使用的自定义组件。但是，在某些地方，我想在悬停在该组件上时显示工具提示，根据 vuetify 文档，这应该可以工作，但不能，因为它<custom-component />不是本机组件。为了使本机组件具有此功能，.native需要使用修饰符。

示例：@click.native="someMethod" 我怎样才能显示 v-tooltip。

我尝试过将其封装<custom-component />在 div 中，但它不起作用。

下面是示例代码以了解要点。

<v-tooltip>
  <template v-slot:activator="{ on }">
    <custom-component v-on="on" />
  </template>
  <span>Tooltip text</span>
</v-tooltip>

Answer 1

custom-component应该使用https://v2.vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components转发来自元素的事件v-on="$listeners"

我尝试过<custom-component />用 div 包装但它不起作用

如果您这样做，则需要将事件绑定到 div：

<div v-on="on">
  <custom-component />
</div>