keydown与keyup

Question

在vue中@keyup和@keydown分别绑定了不同的事件，现在如下所示：
<input type="text" v-model='word' @keyup='search' @keydown.down.40='move'></input><button>百度一下</button>

当按下放下键向下之后，不想触发@keyup中的search方法，请问如何解决？谢谢，stop和prevent等事件修饰符不起效

Answer 1

在keyup那里判断keyCode啊...

的确是只有在down和40时候触发keydown
但这两个一样可以触发keyup
那就在keyup中判断keycode
如果keycode为down或者40不作处理就行了.

Answer 2

刚研究了下说下原因,是因为这两个事件根本就是不同的事件,所以用阻止事件冒泡的方式是无效的.所以按楼上的来吧,在keyup里判断是哪个键按下的

Answer 3

@keydown.up.prevent