-
Notifications
You must be signed in to change notification settings - Fork 62
Open
Description
Currently scoped slots in our project, but we have come across when having multiple slots on the same component.
This is an example we are using it at the moment:
vuecomponent.vue
<template>
<span><slot name="test"></slot></span>
<button><slot name="test"></slot></button>
</template>
test.html
<vuecomponent>
<template slot="test" slot-scope="multiple">Testing</template>
</vuecomponent>
vuecomponent.spec.ts
import Vuecomponent from '@/components/vuecomponent.vue';
const test= Vue.component('test', {
template: `<span>testtest</span>`,
});
const comp = mount(Vuecomponent, {
slots: {
'add-button': mount(test),
},
});
And when we are mounting it using Avoriaz, the following issue is presented in the console:
[Vue warn]: Duplicate presence of slot "test" found in the same render tree - this will likely cause render errors.
Can't find any way on how to define the slot-scope. Is it possible to do this?
Metadata
Metadata
Assignees
Labels
No labels