Есть какие-нибудь хаки срендарить слот, полученный из потомка по контексту,

Question

Есть какие-нибудь хаки срендарить слот, полученный из потомка по контексту,

без создания компонента с рендер функцией? Тип такого:

const SlotRender = defineComponent({
props: {
Slot: { type: Function },
},
render() { return h('td', this.$props.slot()); }
});

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

0

20.06.2021

12 ответов

11 просмотров

Artem Zabolotskiy Автор вопроса

Grigorii K. Shartsev
> слот, полученный из потомка Это как?

С помощью provide/inject. const columns = inject('table'); onMounted(() => { columns?.push({column: slots.default}); });

0

20.06.2021

Grigorii K. Shartsev

Artem Zabolotskiy
С помощью provide/inject. const columns = inject(...

Если так делать, то либо рендер функция, либо компонент отдельный, как slotrenderer выше. Последний можно в вычисляемом свойстве генерировать и в динамический компонент прокидывать. Но в целом выглядит крайне специфическим решение. И в передаче от родителя дальнему предку. И в мутации внедрённого свойства

0

20.06.2021

Artem Zabolotskiy Автор вопроса

Grigorii K. Shartsev
Если так делать, то либо рендер функция, либо комп...

Имхо полезно только для лоулевел ui компонент, типа таблиц, табов. Чтобы получить качественный DX. Вдохновился конечно el-table. <el-table><el-table-column #default="scope">любой валидный html со всеми vue фишками {{scope.prop}}</el-table-column></el-table>

0

20.06.2021

Grigorii K. Shartsev

Artem Zabolotskiy
С помощью provide/inject. const columns = inject(...

А если слоты поменяются после маунта?

0

20.06.2021

Artem Zabolotskiy Автор вопроса

Grigorii K. Shartsev
А если слоты поменяются после маунта?

Я правда не понял что имеешь введу под изменением слотов. Если данные внутри слота меняются то все прекрасно работает. Оно же по ссылке

0

20.06.2021