当前位置: 首页 > news >正文

ElementUI,el-input输入框max、min限制最大最小值失效

<el-input type="number" v-model="loadNodesNum" :min="1" :max="5" style="width: 240px;overflow: hidden;"><el-button slot="append" @click="handleMaxLoadNum(1)">负载最多的节点TOP</el-button>
</el-input>
<el-input type="number" v-model="loadEdgesNum" :min="1" :max="5" style="width: 240px;overflow: hidden;"><el-button slot="append" @click="handleMaxLoadNum(2)">负载最多的链路TOP</el-button>
</el-input>

效果:
在这里插入图片描述

问题: 设置的max和min最大最小值仅对使用输入框右侧的增减箭头按钮有效,但是无法对手动输入的值进行限制;

参考:https://blog.csdn.net/qq_71214810/article/details/136578606

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • cdga|数据资产运营:加速企业数据价值释放的新引擎
  • 【MySQL】访问mysqld的方式{命令行客户端/vscode-c-api客户端/图形化界面:mysql/navicat}
  • lucene中nvd和nvm索引文件作用以及规范化值是如何影响文档评分
  • uniapp map组件自定义markers标记点
  • 基于Windows Docker desktop搭建pwn环境
  • ATA-M8功率放大器在变压器老化中的作用是什么
  • python: 打包好的exe程序(冻结程序)中使用多进程,子进程不能正常执行!
  • 八股文-基础知识-int和Integer有什么区别?
  • 图片url处理(带http和不带http)方法
  • “微软蓝屏”事件:网络安全与稳定性的深刻反思
  • 深入学习H264和H265
  • 数据集相关类代码回顾理解 | StratifiedShuffleSplit\transforms.ToTensor\Counter
  • 【组件协作】模板方法
  • 【TS】TypeScript数组类型:掌握数据集合的类型安全
  • 2024钉钉杯A题思路详解
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • Java深入 - 深入理解Java集合
  • Linux后台研发超实用命令总结
  • PHP 程序员也能做的 Java 开发 30分钟使用 netty 轻松打造一个高性能 websocket 服务...
  • Python代码面试必读 - Data Structures and Algorithms in Python
  • SpiderData 2019年2月16日 DApp数据排行榜
  • springMvc学习笔记(2)
  • STAR法则
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • uni-app项目数字滚动
  • vue:响应原理
  • vue--为什么data属性必须是一个函数
  • 搭建gitbook 和 访问权限认证
  • 代理模式
  • 翻译:Hystrix - How To Use
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 嵌入式文件系统
  • 三分钟教你同步 Visual Studio Code 设置
  • 微信小程序设置上一页数据
  • 我与Jetbrains的这些年
  • 学习Vue.js的五个小例子
  • nb
  • 容器镜像
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • #07【面试问题整理】嵌入式软件工程师
  • #php的pecl工具#
  • (31)对象的克隆
  • (el-Date-Picker)操作(不使用 ts):Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
  • (二刷)代码随想录第16天|104.二叉树的最大深度 559.n叉树的最大深度● 111.二叉树的最小深度● 222.完全二叉树的节点个数
  • (非本人原创)我们工作到底是为了什么?​——HP大中华区总裁孙振耀退休感言(r4笔记第60天)...
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (附源码)springboot美食分享系统 毕业设计 612231
  • (黑马C++)L06 重载与继承
  • (强烈推荐)移动端音视频从零到上手(上)
  • (转) RFS+AutoItLibrary测试web对话框
  • *2 echo、printf、mkdir命令的应用
  • .apk文件,IIS不支持下载解决
  • .Mobi域名介绍
  • .NET CORE 第一节 创建基本的 asp.net core
  • .NET Core WebAPI中使用Log4net 日志级别分类并记录到数据库