vue + element 关于 type = number 防止鼠标滚轮改变数字

1.使用一下时间

@mousewheel.native.prevent
@DOMMouseScroll.native.prevent

2.具体使用

<el-form-item label="" label-width="0" class="m-px-b-0" prop="planNumber">
<el-input
    v-model="scope.row.planNumber"
    oninput="if(isNaN(value)) {value = parseFloat(value)}if(value < 0){value = 0}
        if(value.indexOf('.') == -1 && value.length > 5) {value=value.slice(0,5)}
        if(value.indexOf('.') >= 5) {
                    value=value.slice(0,5) +value.slice(value.indexOf('.'),value.indexOf('.')+0)}
        if(value.indexOf('.') > -1 && value.indexOf('.') <= 5) {
                    value=value.slice(0,value.indexOf('.')) +
                        value.slice(value.indexOf('.'),value.indexOf('.')+0)}
        if(value.indexOf('0') == 0) {value=value.slice(1)}"
    placeholder="请输入年度计划任务数"
    :controls="false"
    type="number"
    @mousewheel.native.prevent
    @DOMMouseScroll.native.prevent
></el-input>
<span v-else class="ellipsis-1">{{ form.planNumber }}</span>
</el-form-item>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容