javascript - Vue制定计算属性不会跳出循环

Question

我对 Vue 相当陌生，并尝试使用带有以下代码的计算属性：

https://codepen.io/jason123456/pen/BazpMZd

从下拉列表中选择传统尺寸，然后将数量从 1 增加到 2。

当数量为 2 时，价格应显示为 2 美元，因为数量 < 100，但它会获取数组中的第二个索引并执行 2 * 5 = 10 美元。

这就像 break 语句被跳过了。

我已经computeCalendarPrice()单独测试了该函数，如果我在 Vue 之外调用它，则看不到逻辑中的问题，所以我认为我的反应性部分可能是错误的。

真的很感激一些帮助！

Answer 1

似乎computeCalendarPrice函数不正确，请查看if 语句。它正在检查字符串值。您需要将它们转换为整数。

for (var i = 0; i < arr.length; i++) {
    if (Number(values.calendar_qty) <= Number(arr[i])) {
      price = range[arr[i]];
      break;
    }
  }