打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
el-input type=number 端口0-65535

<el-form-item label="端口:" class="form-item" prop="port">
            <el-input v-model.number="formData.port" type="number" placeholder="请 输入" style="width: 100%;" @mousewheel.native.prevent></el-input>
</el-form-item>

 /deep/ input::-webkit-outer-spin-button,
 /deep/ input::-webkit-inner-spin-button {
      -webkit-appearance: none !important;
 }
 /deep/ input[type='number'] {
      -moz-appearance: textfield !important;
  }

@mousewheel.native.prevent 阻止滚轮事件,在谷歌有效果,火狐没反应

<el-form-item label="运行端口:" class="form-item" prop="port">
            <el-input v-model.number="formData.port" type="number" placeholder="请输入" style="width: 100%;" @wheel.native.prevent="stopScrollFun($event)"></el-input>
</el-form-item>

stopScrollFun(evt) {
    evt = evt || window.event;
    if(evt.preventDefault) {
          // Firefox
          evt.preventDefault();
          evt.stopPropagation();
    } else {
           // IE
           evt.cancelBubble=true;
           evt.returnValue = false;
    }
    return false;
},

端口规则:整型  0-65535

port: [{required: true,message: "请填写",trigger: "blur"},{type:'integer',min:0,max:65535,message:'请输入0-65535的整数'}],


参考:https://blog.csdn.net/yangdl6/article/details/108662028

         https://blog.csdn.net/qq_40190624/article/details/104994782

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
in-range和out-of-range
伪元素改变number类型input框的默认样式实例页面
常用的不易记忆的css自定义代码
HTML5约束验证API
成功vue动态表单支持多种控件
html5为输入框添加语音输入功能
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服