Как использовать v-for и v-slot одновременно?

Question

[Leatington]

У меня в таблице много столбцов, и для многих (но не всех) нужно сделать копирование элемента по клику на него.
Чтобы не прописывать для каждого один и тот же код, я хочу сделать некий цикл, но у меня не получается. Возможно ли это сделать?

Это работает, но прийдётся прописывать для каждого элемента:

<template v-slot:item.pc="{item, index}">
    <span @click="copied['pc'] = index; setTimeout(() => copied['pc'] = null, 2000); copy(item.pc);">
        <v-scale-transition>
            <v-icon transition="scale-transition" v-if="(copied['pc'] === index)" dense small>mdi-content-copy</v-icon>
         </v-scale-transition>
    </span>
</template>

Я хочу сделать как то так:

<template v-for="(value, key, index) in copied" v-slot:item[key]="{item, index}">
    <span @click="copied[key] = index; setTimeout(() => copied[key] = null, 2000); copy(item[key]);">
    ....
</template>

Заранее огромное спасибо каждому за помощь.

Answer 1

[Алексей Ярков]

<template v-for="(value, key, index) in copied" #[`item.${key}`]="{item, index}">
    <span @click="copied[key] = index; setTimeout(() => copied[key] = null, 2000); copy(item[key]);">
    ....
</template>