Vue3 NoOptions slot not working

shentao / vue-multiselect

Universal select/multiselect/tagging component for Vue.js

https://vue-multiselect.js.org/

MIT License

6.65k stars 989 forks source link

Vue3 NoOptions slot not working #1727

Closed abab5601 closed 5 months ago

abab5601 commented 9 months ago

Issue Description

Followed the documentation but for some reason the noOptions slot isn't working. The text is not getting displayed

<template v-slot:noOptions="">New Text</template>

I edited the source code to print _ctx.$slots and it shows 'nooptions.' I can't make the slot name uppercase."

OsamaNagi commented 9 months ago

make sure you use the right name in the component like this:

you can write v-slot in two ways like this:

abab5601 commented 8 months ago

I wrote my Vue 3 code using the CDN approach. If I write the template in JavaScript, I can achieve the desired effect:

However, if I move the interface to HTML:

The result is not as expected. I believe it's because HTML is not case-sensitive.

mattelen commented 6 months ago

Would using a kebab case approach work? like v-slot:no-options? If not, please create a jsfiddle with the issue, so we can figure out what could be going on here

viT-1 commented 6 months ago

I have same problem, slot noOptions is ignored in all ways of declaring.

mattelen commented 5 months ago

Need repro link