elementUI使用[input=number]怎么禁止鼠标滚动时，输入框数据改变

Alive_tree

于 2020-09-27 17:15:14 发布

阅读量2.9k

点赞数 3

本文链接：https://blog.youkuaiyun.com/Alive_tree/article/details/108831950

版权

我们写表单的时候，有时候需要数据是number类型的，由于默认是string类型的，因为我们需要定义一下type=number

在这里插入图片描述

<el-form-item key="data" label="线圈数量" prop="data">
     <el-input 
     @mousewheel.native.prevent  //谷歌浏览器 禁止滚轮滚动修改数据
     @DOMMouseScroll.native.prevent  //火狐浏览器 禁止滚轮滚动修改数据
     type="number"                  //设定输入框输入值为number类型
     oninput="if(value.length>16)value=value.slice(0,16)"  //设置输入框 输入的最大长度为16
     v-model.trim="deviceForm.data"                      //trim表示过滤掉输入的空格，只过滤两头空格 不过滤中间空格
     placeholder="请输入数值">
     </el-input>
</el-form-item>