element-ui里的el-input type=number 怎样在获取焦点时才禁用滚轮改变数字?

Question

题目描述

element-ui里的el-input type=number 怎样在获取焦点时才禁用滚轮改变数字?

题目来源及自己的思路

目前项目遇到的问题，需要禁掉el-input type=number的滚轮改变数字效果，现在加的是@mousewheel.native.prevent
但是又有个新的问题，提交界面输入框会很多，无论有没有获取焦点 只要鼠标放到到输入框上，
页面滚动效果也会跟着被禁用，用户体验便会很差。
目前就想着怎么样在输入框获取焦点时，才禁用掉当前输入框的滚轮改变数字效果

相关代码

<el-input
  type="number"
  @mousewheel.native.prevent
  v-model="dgData.tqjz"
  placeholder="请输入" / >