vuetify在其他模板上[vuetify]

Question

我有一个v数据表，所有设置有5列。我希望有一个文本显示为v-工具提示组件。但是因为它在一个模板中，所以我不能在上面使用工具提示，因为v-工具提示也需要<template #activator="{ on }">。有人知道怎么做吗？

下面是我的一个专栏在代码中的样子。

<template #item.title2="{ item }">
  <div class="ellipsis news">
    <a
      target="_blank"
      v-if="item.file != ''"
      class="links1"
      :href="item.file"
      v-on="on"
    >
      <span style="color:white"> {{ item.title }} </span>
    </a>
  </div>
</template>

理想情况下，我会把v-工具提示放在它周围，然后我得到了这个消息。

​

​

我的v数据表是这样的。我想要‘新闻’和‘演员’领域的细节，当我徘徊。

​

​

Answer 1

如果没有第二个#activator槽，您可以简单地将<v-tooltip>元素放在列项槽和工具提示的激活器槽之间

<template #item.title2="{ item }">
  <v-tooltip bottom>
    <template #activator="{ on, attrs }">
      <div class="ellipsis news" v-bind="attrs" v-on="on">
        <a
          target="_blank"
          v-if="item.file != ''"
          class="links1"
          :href="item.file"
        >
          <span style="color: white"> {{ item.title }} </span>
        </a>
      </div>
    </template>
    <span>Im A ToolTip</span>
  </v-tooltip>
</template>

您的代码片段没有显示正在使用的第二个#activator槽，但是如果您发现自己处于必须处理嵌套激活器的情况下，实际上在V-菜单页面上有关于这一点的文档。