欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-07 15:33:35
...

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

elementUI使用[input=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>