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"在捕捉阶段停止事件传播, 这样子之后冒泡阶段的事件处理都不会进行了.