Есть компонент
<template>
<div>
<span
v-for="(item, i) in items"
class="some-class"
v-super-directive
:style="{
'opacity': value
}"
>
HELLO
</span>
</div>
</template>
Захотелось сделать из него более универсальный враппер, т.е. просто получать в слот элемент и его уже обрабатывать. Но увы это не работает
<template>
<div>
<slot
v-for="(item, i) in items"
class="some-class"
v-super-directive
:style="{
'opacity': value
}"
/>
</div>
</template>
Не работает директива, не работает классы, не работают стили. Цикл работает)
Как можно переписать такой компонент? Как работать со слотами в таком случае? Как повесить на них директиву?
Ну допустим я могу вешать классы через $slots.default (хоть и не хочется), но как быть с директивой? Дублировать весь код директивы в компонент? Тогда смысл какой в этом бреде?
Простой
