elementUI的@keyup.down.native事件冲突，如何禁用element自带的事件？

Question

<el-input-number style="width: 100px;" v-model="scope.row.unconfirmOddsCopy"                                  :class="{red:getUnConfirmOddsColorClass(scope.row)}"                                  :precision="3"                                  :step="getStep(scope.row.unconfirmOddsCopy)" :min="1.000"                                  @keyup.down.native="keyUpDown"                                  :max="9999" controls-position="right" size="small"></el-input-number>输入框获取焦点时我按键盘的下箭头，会触发我自己@keyup.down.native="keyUpDown"定义的事件，同时也会触发elementUI自带的事件，如何禁用elementUI的事件？

Answer 1

这样子绑定你的事件:

@keyup.down.native.capture.prevent ="keyUpDown"

在捕捉阶段停止事件传播, 这样子之后冒泡阶段的事件处理都不会进行了.