Vue公式计算的属性没有脱离循环

Question

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

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

从下拉菜单中选择传统尺寸，然后将数量从1增加到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;
}
}