Vue制定了计算属性，不会中断

如何解决Vue制定了计算属性，不会中断

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

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

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

当数量为2时，价格应显示为$ 2，因为数量

这就像break语句被跳过了。

我已经分别测试了computeCalendarPrice()函数，并且如果我在Vue之外调用它也看不到逻辑上的问题，所以我认为我的反应性块可能是错误的。

非常感谢您的帮助！

解决方法

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

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