Vue.js 在vuetify模板中合并多个v-slot:activator和v-on
我试图创建可重用的模式窗口,该窗口应该通过按v-data-table行上的图标来调用。此外,每个图标在鼠标悬停时都应该有一个工具提示 根据vuetify文档,这两个操作使用相同的结构:Vue.js 在vuetify模板中合并多个v-slot:activator和v-on,vue.js,vuetify.js,Vue.js,Vuetify.js,我试图创建可重用的模式窗口,该窗口应该通过按v-data-table行上的图标来调用。此外,每个图标在鼠标悬停时都应该有一个工具提示 根据vuetify文档,这两个操作使用相同的结构:v-slot:activator=“{on}”和v-on=“on”。问题是-在Vue/Vuetify中是否有方法合并此结构并获得所需的行为 目前,我找到了一种通过添加附加 <template> <v-data-table :headers="headers" :items="tableItem
v-slot:activator=“{on}”
和v-on=“on”
。问题是-在Vue/Vuetify中是否有方法合并此结构并获得所需的行为
目前,我找到了一种通过添加附加
<template>
<v-data-table :headers="headers" :items="tableItems">
<template v-slot:item="props">
<tr>
<td>{{ props.item.text }}</td>
<td>
<some-modal>
<template v-slot:activator="{ on }">
<a v-on="on">
<v-tooltip bottom>
<template v-slot:activator="{ on }">
<v-icon v-on="on" small class="mr-2">delete</v-icon>
</template>
<span>Tooltip message</span>
</v-tooltip>
</a>
</template>
</some-modal>
</td>
</tr>
</template>
</v-data-table>
</template>