Vue.js 如何为v-combobox添加v-tooltip？问题

我已经为v-tooltip添加了代码，但当我悬停组合框时，它不会显示。您是否看到错误或代码顺序，请告诉我。谢谢

左工具提示aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

您没有应用activator插槽属性

其次，组合框创建一个父元素，该元素封装激活器属性绑定到的输入

这会中断工具提示，导致它仅在单击框输入时触发

您还需要将组合框包装在一个div中，并将激活器应用于该div，如下所示：

<template>
  <div>
    <v-tooltip top>
      <template #activator="{on, attrs}">
        <div multiple v-on="on">
          <v-combobox
            bottom
            chips
            :items="items"
            label="Choose videos"
            v-bind="attrs"
          />
        </div>
      </template>
      <span>Left tooltip aaaaaaaaaaaaaaaaaaaaaaa</span>
    </v-tooltip>
  </div>
</template>

左工具提示aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

---

同样的修复也适用于其他Vuetify元素，例如

v-select

，它们也创建自己的父元素。

当我单击组合框并将鼠标悬停片刻时，工具提示会出现。单击之前，是否还有其他要添加的内容显示在工具提示中，谢谢，我马上亲自测试。也许combobox本身创建了一个不同的父元素，并且它绑定到某种只有在单击combo时才处于活动状态的子元素？我只是在猜测，但今晚晚些时候我可以调查一下，看看你是否仍然存在刚才确认的问题@GabrielQuezadaCastro v-bind和v-on连接到输入本身。然后输入被包装在父元素中修复@GabrielQuezadaCastro检查我的更新答案Hello@Jordan，我想问你，为什么要添加一个#activator=“{on，attrs}”，我猜on的值是当我悬停组合框时，attrs呢？或者它是如何工作的。我把这个v-slot:activator=“{on，attrs}”>放在这里，这有点不同。你能给我解释一下吗，谢谢