美文网首页
element-ui里的el-input type=number

element-ui里的el-input type=number

作者: 看庭前花开花落_望天上云卷云舒 | 来源:发表于2020-04-03 15:58 被阅读0次

原文地址:https://www.cnblogs.com/dyy-dida/p/11496588.html
1.隐藏上下箭头CSS样式

<style>
    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
        -webkit-appearance:textfield;
    }    
    input[type="number"]{
        -moz-appearance:textfield;
    }
如果以上代码不起作用就用 
  input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type="number"]{
  -moz-appearance: textfield;
}
</style>

2、禁用滚轮

<el-input type="number" v-model="inputNumber" @wheel.native.prevent="stopScrollFun($event)"></el-input>
//方法
stopScrollFun(evt) {
    evt = evt || window.event;
    if(evt.preventDefault) {
        // Firefox
        evt.preventDefault();
        evt.stopPropagation();
    } else {
        // IE
        evt.cancelBubble=true;
        evt.returnValue = false;
    }
    return false;
}

相关文章

网友评论

      本文标题:element-ui里的el-input type=number

      本文链接:https://www.haomeiwen.com/subject/lozhphtx.html