乐趣区

关于前端:Vue-elinput特性记录2最大值最小值

el-input 输出值设置最大值、最小值问题。

如果应用 max、min 属性,则必须同时加上与 type=”number”。
设置 type=”number” 款式,输入框尾部会呈现一个高低箭头,min 和 max 只能管制用箭头输出的最大值最小值,对键盘打字输出是限度不住的。

如果须要限度 input 输出的值,最实用的做法是给 input 绑定一个 change 事件,在 change 事件中用正则判断。这里会波及到一个 type=”number”同时正则断定,对 ”e” 生效的问题。(要看怎么了解生效)

设置了 type=”number”,同时 change 事件的正则是断定只能输出负数,如果不是负数则清空。
此时输出”a”,”b”,”c”,”d”,或者“-2”的时候会进入正则,input 框间接被清空。

然而输出“e”却可能输出。这是因为天然常数 e =2.71828,这个 e 会被 type=”number”断定为合规,不会进入正则。因而不想呈现 e 的话,就不要设置 type=”number”。

搬运自本人的语雀
https://www.yuque.com/diracke…

退出移动版