el-input的type=“number” 隐藏上下增减标和禁止鼠标滚轮滚动

使用场景描述：

经常遇到需要对输入的数字进行限制，使用type=“number” 会出现：

右侧滚轮会随着鼠标滚动上下滑动增减值（默认以1为跨步），现在需要去掉这个效果需要两个步骤：

• 第1步在样式中隐藏右测滚动（只是隐藏，滚动仍会出现数值的增减，此时需要做第2步）

<style>
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
</style>

• 第2步 js中写函数禁止数值的增减

<el-input
          type="number"
          v-model="productWeight"
          placeholder=""
          @wheel.native.prevent="stopScroll($event)"
        >
 </el-input>

stopScroll(evt) {
      evt = evt || window.event;
      if (evt.preventDefault) {
        // Firefox
        evt.preventDefault();
        evt.stopPropagation();
      } else {
        // IE
        evt.cancelBubble = true;
        evt.returnValue = false;
      }
      return false;
    },