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

我们写表单的时候，有时候需要数据是number类型的，由于默认是string类型的，因为我们需要定义一下type=number<el-form-item key="data" label="数值" prop="data"><el-input@mousewheel.native.prevent//谷歌浏览器禁止滚轮滚动修改数据@DOMMouseScroll.native.prev

Alive_tree

3071人浏览 · 2020-09-27 17:15:14

Alive_tree · 2020-09-27 17:15:14 发布

我们写表单的时候，有时候需要数据是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>