Javascript 将类星体工具提示添加到使用代码构建的q列表中

我正在尝试向通过代码构建的q列表添加工具提示

      <q-list bordered>
    <q-item v-for="item in iCite_Data" :key="item.id"   v-ripple>
      <q-item-section>       
      <q-item-label > 
             {{ item.label }}               
       </q-item-label> 
    </q-item-section>
    <q-item-section side> 
       <q-item-label>{{ item.value }}</q-item-label>         
    </q-item-section>
  </q-item>

{{item.label}
{{item.value}}

我试过试一试

  <q-tooltip content-class="bg-indigo" :offset="[10, 10]">
     {{ item.tooltip}}
    </q-tooltip>

{{item.tooltip}

更新：当我向硬编码的q项添加工具提示时，它会起作用

但是，如果我试图添加到一个由代码构建的q项，它不会。有人能给我指出正确的方向吗

这是一个基本的类星体代码

---

谢谢

您必须将静态文本

某些文本作为工具提示的内容

替换为插值

{{contact.Tooltip}

-您将看到动态工具提示。

在您的情况下，

的正确位置是作为

的子对象，除了工具提示文本外，不包装任何内容。我手边没有一个类星体1的试验台，但在我的类星体2环境中，这种结构运行良好。默认情况下，在渲染时，类星体工具提示会附加到

，因此可能存在一些更广泛的HTML或CSS问题。你能添加一个最小的可重复的例子吗？添加到原始问题中。每个项目都有一个单独的工具提示！在链接的第二支笔中，工具提示显示在定义它们的第一列和第三列中。（第二列中似乎没有任何

）您在该笔中悬停时没有得到工具提示吗？您使用的浏览器/版本是什么？我返回并将它们制作成{{contact.tooltip}}，这样就成功了。我使用静态文本作为示例，显然静态文本不起作用。。现在一切都好了——THANKSI从来没有想到静态文本会不起作用——感谢帮助静态文本工作得很好——但是相同的文本将用于所有工具提示，您不希望这样，您希望每个QItem都有自己的文本作为工具提示，这就是为什么需要插值。