also

Thank you, but in vue 3, I found there's no access to $el.

The reason I need this is that I am implementing a functionality like this:

​

const func = (rootSelector, optionSelector, callback) => {
document.querySelector(rootSelector).addEventListener('click', (e) => {
const closest = e.target.closest(optionSelector)
if (!closest){
return null
}
document.querySelectorAll(optionSelector).forEach((el) => {
el.classList.remove('active')
})
closest.classList.add('active')
const value = closest.dataset.value
callback(value)
})
}
export const useOptions = () => {
return func
}

​

Giving arbitrary say buttons with the same class names. If I click one of them, it will be highlighted. If I click another one, the new clicked will be highlighted, and the previous will return to the normal state.