【Vue】(element、vant)限制输入框只能输入整数
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
首先,得明确监听input输入框变化的方法是input,不是change。
方案一:type= “number”
作用:
-
成功禁止输入字母
-
能输入小数点,第一位可以为0,小数点能输入多个
eg:01111.5.5
方案二:v-model.number
作用:
-
输入过程中能输入字母,但在失去焦点时多余的字母会被清除,且错误的字母不会计入值
-
输入过程中能输入小数,例如:12.3
-
多个错误格式的小数会被清除:例如:12.3.5在失去焦点后会变成12.3
-
第一位可以输入0,但若之后继续输入会被清除,例如:01 失去焦点后会变成1
方案三:合二为一
作用:
-
成功禁止输入字母
-
能输入蹩脚的小数,失去焦点不会清除但不会计入 eg:1.2.3能输入但计入的是1.2
-
第一位可以输入0,但若之后继续输入会被清除,例如:01 失去焦点后会变成1
可见官网推荐的v-model.number+ type="number"方法对于输入数字的需求基本满足,但对或正整数、整数等的需求,还是得我们自己处理
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献9条内容
所有评论(0)