Event handlers conflict, how to fix?

Question

Vue.js

I have an input with a dropdown list , because of the blur event handler on the input, the selection of the list item on the click event does not work.

Answer 1

The blur handler hides the list before the click event occurs. Accordingly, the click is not on the list element at all. Handle mousedown instead of click, it's here:

@click="checkOption(option);"