pass slots to child component

titouancreach / vuejs-redux

Flexible binding between Vue and Redux

57 stars 11 forks source link

pass slots to child component #6

Closed titouancreach closed 6 years ago

titouancreach commented 6 years ago

For now, I can have the things to work with an ugly:

scopedSlots: { default: () => this.$slots.default }

But I need that working for every slots.

[x] Pass every slot to the child
[x] Add unit test for default slot
[x] Add unit test for multiple scoped slots
[x] Test in composing multiple store

titouancreach commented 6 years ago

I had two solution to solve this issue:

Transform $slots to $scopedSlots (we loose the this.$slots in the child)
Pass container slots as child children. (we loose the name of the slots, all the slots are in $slots.default)

In any case, the rendering is good. But we loose something. IMHO, the second solution is more natural for to because we transform nothing, just pass down the data.

I close this issue. If someone have a bug with this, feel free to reopen.

titouancreach commented 6 years ago

After reading this very interesting discussion, I solved the problem with the scopes in using the parent rendering function.