vue中数字校验

vue中数字校验的方式我用过的有几种

第一种：原生的方式 isNaN，isNaN() 函数用于检查其参数是否是非数字值

//输入的值校验
this.addDepotData.forEach((row) => {
  if (row.invoiceCode === "" || isNaN(row.invoiceCode)) {
    this.$message.error("发票代码请输入数字");
    flag = false;
    return false;
  }
  if (row.invoiceNoStart === "" || isNaN(row.invoiceNoStart)) {
    this.$message.error("发票起始号码请输入数字");
    flag = false;
    return false;
  }
  if (row.invoiceNoEnd === "" || isNaN(row.invoiceNoEnd)) {
     this.$message.error("发票结束号码请输入数字");
     flag = false;
     return false;
   }
})

第二种：结合element中的form表单校验

比如：input框选用<el-input-number></el-input-number>，输入时只允许输入数字

还有就是使用input，但是在绑定中添加.number 

官网截图：

复杂场景使用正则：

等等