可以參考下面的，目前這個是限制，只能輸入數(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)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。