Добрый день, господа, есть vue 3, есть компонент, в который

Question

Добрый день, господа, есть vue 3, есть компонент, в который

должно попадать любое количество блоков и между всеми этими блоками рендерятся, ну, например, дивы
а-ля
<my-element>
<div> a </div>
<div> b </div>
<div> c </div>
</my-element>

должно превращаться в

<my-element-root> <— (это просто корневой элемент компонента my-element)
<div> a </div>
<div> ADDED </div>
<div> b </div>
<div> ADDED </div>
<div> c </div>
</my-element-root>

пока что это удалось собрать с помощью слотов, но добавляет громоздкости, то есть

<my-element>
<template #a> <div> a </div> </template>
<template #b> <div> b </div> </template>
<template #c> <div> c </div> </template>
</my-element>

и последующего рендера через

<div v-for=«sl in Object.keys($slots)»>
<div v-if=«sl.isDivider»> ADDED </div>
<slot v-else :name=«sl» />
</div>

со вставкой между элементами массива дополнительных для нужного результата

может кто то подскажет более элегантное решение без упаковки в слот?

#frontend #javascript #programming #russian #vue.js

0

03.03.2022

3 ответов

14 просмотров

Денис Автор вопроса

Grigorii K. Shartsev
О, а можете рассказать, какая у вас в оригинале за...

Напишу, попозже 👌

0

03.03.2022

Денис Автор вопроса

Grigorii K. Shartsev
О, а можете рассказать, какая у вас в оригинале за...

Написал

0

04.03.2022

Grigorii K. Shartsev · Accepted Answer

Grigorii K. Shartsev

О, а можете рассказать, какая у вас в оригинале задача? (можно в лс) Единственное простое решение, которое знаю - это либо через рендер функцию, либо через компонент, который рендерит vnode

0

03.03.2022

169 похожих чатов

Добрый день, господа, есть vue 3, есть компонент, в который

3 ответов

Похожие вопросы