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

  • Z时代
  • 2024-03-10
  • 分类：IT

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

题目描述

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="请输入" / >

以上是 element-ui里的el-input type=number 怎样在获取焦点时才禁用滚轮改变数字? 的全部内容， 来源链接： utcz.com/p/936471.html

回到顶部