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

禁止输入e等符号

// html<el-inputv-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;}