解决input type=number的滚轮事件

 

<el-input type="number" @wheel.native.prevent="stopScrollFun($event)"  v-model.number="child.percentage" ></el-input>

// 解决谷歌火狐input[type=number]滚动事件
        stopScrollFun(evt) {
            evt = evt || window.event;
            if(evt.preventDefault) {
                // Firefox
                evt.preventDefault();
                evt.stopPropagation();
            } else {
                // IE
                evt.cancelBubble=true;
                evt.returnValue = false;
            }
            return false;
        },

<input type="number" onmousewheel="return false;"></input>