el-input 只写数字 并且隐藏滚轮 禁止鼠标滚动事件

1、

   <el-form-item prop="balance" label="余额">
        <el-input v-model="menuData.balance" placeholder="余额"  type="number" @mousewheel.native.prevent
              onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"></el-input>
      </el-form-item>

@mousewheel.native.prevent 禁止鼠标滚动数字事件

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

type="number" 只写数字

2、隐藏滚轮

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}