input设置type为number,禁止输入e等符号,去除上下箭头

禁止输入e等符号

// html
<el-input
  v-model="frequency"
  type="number"
  @keydown.native="clearInput"
></el-input>

// js
// input为数字类型，输入框不允许输入'e,E'和'+,-'
clearInput (e) {
  let key = e.key;
  if (key === 'e' || key === 'E' || key === '+' || key === '-') {
    e.returnValue = false;
    return false;
  }
  return true;
}

禁止鼠标滑动改变input值

<el-input v-model="amount" type="number"   
      @mousewheel.native.prevent
      @DOMMouseScroll.native.prevent>
</el-input>

去除上下箭头

/* 取消[type='number']的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;
}