在 Element UI 中,el-input 类型为 number 的输入框默认情况下可以使用鼠标滚轮进行数值调整。如果需要全局禁用滚轮操作,可以使用以下方法:

1. **使用 v-model 指令绑定数据,并在数据变化时更新 el-input 的值:**

<template>
  <el-input type='number' v-model='inputValue' :disabled='true' />
</template>

<script>
export default {
  data() {
    return {
      inputValue: 0
    }
  }
}
</script>

2. **使用 @change 事件监听 el-input 的值变化,并在事件处理函数中更新 el-input 的值:**

<template>
  <el-input type='number' :disabled='true' @change='onChange' />
</template>

<script>
export default {
  methods: {
    onChange(value) {
      this.inputValue = value;
    }
  }
}
</script>

这两种方法都可以实现全局禁用 el-input 类型为 number 的滚轮操作,您可以根据实际情况选择合适的方案。

**注意:** 即使禁用滚轮操作,用户仍然可以使用键盘上的上下箭头键来调整数值。

Element UI el-input 类型为 number 全局禁用滚轮

原文地址: https://www.cveoy.top/t/topic/lnjv 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录