vue设置input只能输入数字和一个小数点

最新推荐文章于 2024-09-12 10:40:12 发布

觉醒的程序猿

最新推荐文章于 2024-09-12 10:40:12 发布

阅读量1k

点赞数 2

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42740298/article/details/119731229

版权

vue设置input只能输入数字和一个小数点

html
<input v-model="ll" @input="NumberCheck()">

js
data() {
  return {
    ll:'',
  
  }
},
NumberCheck(num) {
  let str = this.ll;
  //限制只能输入一个小数点
  if (str.indexOf(".") != -1) {
    var str_ = str.substr(str.indexOf(".") + 1);
    if (str_.indexOf(".") != -1) {
      str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
    }
  }
  //正则替换，保留数字和小数点
  str = str.replace(/[^\d^\.]+/g,'')
  this.ll=str
},