el-input设置属性type=number时相关问题

1.el-input设置type=number时，输入中文光标上移的问题

解决方法：

<style>
/**
 * 解决el-input设置类型为number时，中文输入法光标上移问题
 **/
.el-input__inner{
  line-height: 1px !important;
}
</style>

2.el-input设置了type=number还能输入e和负数问题

解决方法：

οnkeypress=“return (/[\d]/.test(String.fromCharCode(event. keyCode )));”

<el-input v-model="queryForm.remainingCountBeg"
    placeholder="剩余次数(起)" clearable type="number" maxlength="9" 
    onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)));">
</el-input>

3.按键盘上下键还可以让其变成负数问题

解决方法：

onMounted(() => {
  // 处理点击键盘上下键不可以改变input中的值
  document.onkeydown = function () {
    if (window.event.keyCode === 38 || window.event.keyCode === 40) {
      window.event.returnValue = false;
    }
  }
})

 4.鼠标点击箭头增加或者减小数值，鼠标滚动也会改变问题

解决方法：

 // 隐藏el-input的上下箭头
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input::-webkit-outer-spin-button{
  -webkit-appearance: none !important;
}
input[type="number"]{
  -moz-appearance: textfield;
}