校驗 element ui input框只能輸入數字

 

 

        <el-form-item label="量：" >
          <el-input @keyup.native="curveData1.electricQuantity = oninput(curveData1.electricQuantity)" v-model="curveData1.electricQuantity"
          ></el-input>
        </el-form-item>

oninput(num) {
  debugger
  var str = num
  var len1 = str.substr(0, 1)
  var len2 = str.substr(1, 1)
  //如果第一位是0，第二位不是點，就用數字把點替換掉
  if (str.length > 1 && len1 == 0 && len2 != ".") {
    str = str.substr(1, 1)
  }
  //第一位不能是.
  if (len1 == ".") {
    str = ""
  }
  //限制只能輸入一個小數點
  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, '') // 保留數字和小數點
  str = str.replace(/\.\d\d\d$/,'') // 小數點后只能輸兩位
  return str
},