gpt4 book ai didi

javascript - 在自定义(非原生)组件上使用 v-tooltip

转载 作者:行者123 更新时间:2023-12-02 00:05:02 24 4
gpt4 key购买 nike

我有一个在应用程序范围内使用的自定义组件。但是,在某些地方,我想在悬停在这个组件上时显示工具提示,根据 vuetify 文档,这应该有效,但它不起作用,因为 <custom-component />不是 native 组件。并为 native 组件提供此功能 .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>

最佳答案

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

I have tried wrapping <custom-component /> in a div but it isn't working

如果您这样做,则需要将事件绑定(bind)到 div:

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

关于javascript - 在自定义(非原生)组件上使用 v-tooltip,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60912013/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com