feat(Accordion): emit open event with index
#1559
Conversation
| const { ui, attrs } = useUI('accordion', toRef(props, 'ui'), config, toRef(props, 'class')) | ||
|
|
||
| const uiButton = computed<typeof configButton>(() => configButton) | ||
|
|
||
| const buttonRefs = ref<{ open: boolean, close: (e: EventTarget) => {} }[]>([]) | ||
|
|
||
| const openedStates = computed(() => buttonRefs.value.map(({ open }) => open)) |
There was a problem hiding this comment.
I couldn't read directly the button refs in the watcher, because old and new value were identical, I don't know the reason. I had to use this intermediary state to effectively detect the changes
There was a problem hiding this comment.
Did you use a function in the watcher? 🤔
There was a problem hiding this comment.
Just passed the refs like this and the values were always equal
watch(buttonRefs, ...)There was a problem hiding this comment.
Just an idea but what if you use watch(() => buttonRefs.value, ...)?
There was a problem hiding this comment.
Just tried, the exact same thing is happening. I wonder if this is not because the refs are still references to the dom and updated before the watcher's callback is ran, whereas the computed is only updated on the next tick
There was a problem hiding this comment.
That might be the case yes. I don't mind having a computed anyway.
noook
changed the title
benjamincanac
changed the title
open event with index
🔗 Linked issue
NA
❓ Type of change
📚 Description
This PR introduces a new event for
UAccordionso that a user can listen to when an accordion item was opened.This could allow the user to lazy load an accordion item's content when opened, for example.
📝 Checklist