Closed Greendogo closed 2 years ago
Hi @Greendogo, Can you give a reproduction link for this? A Codepen would be perfect. You could start from this one: https://codepen.io/antoniandre/pen/mdPNYaL Thanks
I use the composition API so I'm having an issue getting codepen + waveUI + composition API to work together. Any suggestions?
Hi @Greendogo, you can use https://codepen.io/antoniandre/pen/YzEobVq to share a repro with Vue 3 and composition API :) But I have created a demo where I show you a working alternative how I would do it. https://codepen.io/antoniandre/pen/ZEvxBZM?editors=1010
In the meantime I will investigate what's going on. :)
Now fixed in version 2.32.1. But if you use the way I shared, the cosmetic stays in the template, and you don't need a computed at all. :)
Thanks for the codepen to share Vue 3 and composition API stuff. That's really helpful and could be useful in the future for bugs and feature requests.
I have a list which controls the visibility of other items in my application. I use the icons:
"mdi mdi-eye"
and"mdi mdi-eye-off"
icons to dilineate the "on" and "off" state of the checkbox in the list. I control the icons in a computed list like this:How listItems and listSelection are used in the elements.
However, while the "w-list" element is open, even though the computed variable
listItems
is correctly updated upon selection change, it does not change visibly. Closing the "w-list" element (which is inside of a "w-menu" element) and reopening it corrects the icon to what they should be. I'd rather these icons be updated while the "w-list" is rendered. The easiest way I can think to create this functionality is to allow some custom checkboxes by passing two icons instead.