vueinput里只能输入数字_大佬们,vue里面 限制input只能输入数字怎么做啊?
生活随笔
收集整理的這篇文章主要介紹了
vueinput里只能输入数字_大佬们,vue里面 限制input只能输入数字怎么做啊?
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
可以參考下面的,目前這個是限制,只能輸入數(shù)字,小數(shù)點只保留2位,限制不能輸入空格
new Vue({
el: "#app",
data: {
a: ""
},
methods: {
change(val) {
val = val.replace(/(^\s*)|(\s*$)/g, "")
if(!val) {
this.a = "";
return
}
var reg = /[^\d.]/g
// 只能是數(shù)字和小數(shù)點,不能是其他輸入
val = val.replace(reg, "")
// 保證第一位只能是數(shù)字,不能是點
val = val.replace(/^\./g, "");
// 小數(shù)只能出現(xiàn)1位
val = val.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
// 小數(shù)點后面保留2位
val = val.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
this.a = val;
}
}
})
總結(jié)
以上是生活随笔為你收集整理的vueinput里只能输入数字_大佬们,vue里面 限制input只能输入数字怎么做啊?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 17 张程序员专属壁纸,有你喜欢的吗?
- 下一篇: SWF播放器object DEMO