Vue slots - Named slots

website vue slot Slots slots are one of the powerful features in the slot system, allowing the creation of flexible and reusable components vue check if slot is empty Scoped slots allow us to pass a template to the slot instead of passing a rendered element It's called a “scoped” slot because although the

vue slot 我們在直接 light-box 元件裡加入要給燈箱顯示的內容，並在HTML 標籤裡加入 slot 屬性，指定該節點要出現在哪個對應的 slot 位置。 而未指定 name 的部分  v-slot can only be used on a template> element or the component receiving the slot Otherwise, Vue throws a compile error See Example 1 below v-slot is used  Instead of slot=slot-name , use v-slot:slot-name Both Vue and Storybook accepted it

Share

Share

Link

Turn off sharing Copy link

See all details