Element UI el-input 类型为 number 全局禁用滚轮
在 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 的滚轮操作,您可以根据实际情况选择合适的方案。
**注意:** 即使禁用滚轮操作,用户仍然可以使用键盘上的上下箭头键来调整数值。
原文地址: https://www.cveoy.top/t/topic/lnjv 著作权归作者所有。请勿转载和采集!