Vue: when to use @keyup.native in input elements

Question

I have a Vue component with

1. an element that binds the v-on:keyup.enter key to doFilter()
2. a

Answer 1

I had the same problem on a custom vue component on which I was listening to both @select and @keyup.native.enter and I was receiving the Enter key twice because I didn't pay attention: onSelect emits an onKeyDown for Enterand onkeyUp flared secondly.

My solution was to listen to @keydown.native.enter so that the @select cycle of keys was unbothered (which is keydown -> keypresssed -> keyup).