Missing content passed to a dynamic list of slots
See original GitHub issueVersion
2.5.17
Reproduction link
https://jsfiddle.net/Lytuc02x/6/
Steps to reproduce
N/A
What is expected?
The #line-1
and #line-2
elements should contain the First line
and respectively Second line
texts.
What is actually happening?
The mentioned elements are empty.
Issue Analytics
- State:
- Created 5 years ago
- Comments:8 (4 by maintainers)
Top Results From Across the Web
Tips to Supercharge Your Slots (Named, Scoped, and Dynamic)
We use the v-for to iterate over each of the slot names. The line v-slot:[slotName] then picks up on the new value of...
Read more >Slots - Vue.js
A <slot> outlet without name implicitly has the name "default". In a parent component using <BaseLayout> , we need a way to pass...
Read more >vue.js - Only show slot if it has content - Stack Overflow
Here is an example of how I am passing the "row" to the scoped slot, in my case the row contains a type...
Read more >Phoenix.Component — Phoenix LiveView v0.18.3 - HexDocs
Slots enable further customization of the rendered HTML, as the caller can pass the function component HEEx content they want the component to...
Read more >Shadow DOM slots, composition
We could try to analyze the element content and dynamically copy-rearrange ... Anonymous renders if there's no slot="username" in light DOM.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Do this:
<slot :name="'line-' + index"></slot>
A new feature request would be fine. 😄