[Vuejs]-Disable scrolling when navigating with arrows up and down

You need to prevent the default browser behavior by calling event.preventDefault().

In Vue.js you can do this directly in the template like so:

<input
    ...
    @keydown.up.prevent="navigateUp"
    @keydown.down.prevent="navigateDown"
/>