Vue 公式计算 属性 没有跳出循环

Question

我是 Vue 的新手，正在尝试使用以下代码计算 属性：

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

Select 从下拉列表中选择传统尺寸，然后将数量从 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;
    }
  }