当用户悬停在元素上时, v-tooltip 组件可用于传递信息。 您还可以通过 v-model 来控制提示的显示。 当激活时,提示将显示用于标识元素的文本,例如其功能的描述。
在这里插入图片描述

<div v-for="link in linkSources" :key="link.id">
  <v-tooltip bottom>
    <template v-slot:activator="{ on, attrs }">
      <v-img
        style="cursor:pointer"
        v-bind="attrs"
        v-on="on"
        class="rounded mx-4 my-2"
        :src="require('@/assets/sources/' + link.type + '.png')"
        width="44"
        @click="goLink(link)"
      ></v-img>
    </template>
    <span>{{ link.name }}</span>
  </v-tooltip>
</div>
Logo

前往低代码交流专区

更多推荐