VUE el-input输入数字 比较数值大小 踩坑

在这里插入图片描述
需求 :比较 Forcast Qty和 qty的值

当qty<=stockCount,点击提交按钮,弹提示框提示不可提交信息,
当qty>stockCount,点击提交按钮,提交信息

很简单一个需求,哈哈 立马写出来,测试结果发现 当qty>stockCount,还是走不可提交信息这一步,
在这里插入图片描述

打印结果

console.log(row.qty, row.stockCount, row.qty <= row.stockCount)

在这里插入图片描述
在这里插入图片描述
这就很奇怪了 很明显 126 是大于23的,但 row.qty <= row.stockCount 为什么为true,
而qty为256 ,stockCount 为23,打印结果又是正确的,一直觉得是不是数据存在缓存,也试了强制刷新数据的功能,也没解决问题。

最后 发现。qty,stockCount都为字符串 ,不能进行比较,必须转换为number类型进行比较

修改前代码

VUE el-input输入数字 比较数值大小 踩坑_第1张图片

故:修改后的代码 将两个字段都转化为number类型后在进行数值比较

VUE el-input输入数字 比较数值大小 踩坑_第2张图片

你可能感兴趣的:(vue.js,前端,javascript)