Closed donnyv closed 1 year ago
I got this working for option
<template v-slot:option="{ option }">
<b>{{option.LocationName}}</b>
<br />
<span>{{option.HouseNumStreet}}</span>
</template>
But I can't get this working for singleLabel
<template v-slot:singleLabel="{ option }">
<span>{{option.LocationName}}</span>
</template>
So I got an answer with my singleLabel slot not working.
https://stackoverflow.com/questions/76130959/i-cant-get-slot-templates-to-work-with-vue-multiselect-3-0-0-beta-1/76131131#76131131
Since more people are going to start using imports and not precompiling. You might want to change all of your pascalCasing to all lowercase.
Thanks for creating an issue @donnyv. We're aware of this (#1680) and a fix is ready for v4 when we get this that stage of the development path
I keep going around and around with this and can't get templates working. When I put the "label" back in it works fine with the built-in options render. But with the templates it only renders json code.
I'm using v 3.0.0-beta esm version
Html
Here is a simplified version. Templates still don't work. https://jsfiddle.net/c2e968g5/
I also tried the new scope options with Vue 3 for slots. But it still doesn't work.