Vuetify —— 使用 v-tooltip组件
当用户悬停在元素上时, v-tooltip 组件可用于传递信息。 您还可以通过 v-model 来控制提示的显示。 当激活时,提示将显示用于标识元素的文本,例如其功能的描述。<div v-for="link in linkSources" :key="link.id"><v-tooltip bottom><template v-slot:activator="{ on
·
当用户悬停在元素上时, 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>
更多推荐
已为社区贡献27条内容
所有评论(0)