使用工具提示创建v列表

时间:2020-01-27 13:22:16

标签: vuetify.js

我有一个v-list,文本太长,因此我想使用v-tooltip,这样当有人将鼠标悬停在文本上时,它会显示完整的字符串。不幸的是,当我将鼠标悬停在一个项目上时,它会显示vlist中所有项目的工具提示。

<div class="productNameIncoming">
      <v-list v-for="nameIncoming in productNameIncoming" :key="nameIncoming">
        <v-tooltip v-model="show" right fixed>
          <template v-slot:activator="{ on }">
            <p v-on="on">{{ nameIncoming }}</p>
          </template>
          <span>{{ nameIncoming }}</span>
        </v-tooltip>
      </v-list>
    </div>

这是一个限制还是我做错了?

Vuejs 2.6.11和Vuetify 2.2.6

1 个答案:

答案 0 :(得分:0)

我的问题是v-model =“ show”。我将其删除,并且有效。