当前位置: 首页 > Web前端 > vue.js

【vue】el-input特征记录2-最大值,最小值

时间:2023-03-31 22:12:09 vue.js

el-input输入值设置最大值,最小值问题。如果使用max和min属性,则必须同时添加type="number"。如果设置了type="number"样式,输入框的末尾会出现上下箭头。min和max只能控制箭头输入的最大值和最小值,不能对键盘输入进行限制。如果需要限制input输入的值,最实用的方法是给input绑定一个change事件,在change事件中使用正则判断。这会涉及到一个type=”number”和一个正则判断,对于“e”是无效的。(要看invalidation怎么理解)type="number"设置了,change事件的规则是判断只能输入正数,如果不是正数则清零。此时输入“a”、“b”、“c”、“d”或“-2”时,会进入正则模式,直接清空输入框。但是输入“e”却能输入。这是因为自然常数e=2.71828,这个e会被type="number"判断为符合,不会进入正则化。所以如果不想让e出现,就不要设置type="number"。移植自我自己的dirackehttps://www.yuque.com/diracke...