Javascript Vue计算属性未中断循环

Javascript Vue计算属性未中断循环,javascript,vue.js,vue-formulate,Javascript,Vue.js,Vue Formulate,我是Vue的新手,尝试使用计算属性,代码如下: 从下拉列表中选择传统尺寸,然后将数量从1增加到2 当数量为2时,价格应显示为$2,因为数量

我是Vue的新手,尝试使用计算属性,代码如下:

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

当数量为2时,价格应显示为$2,因为数量<100,但它将拾取数组中的第二个索引并执行2*5=$10

这就像是跳过了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;
    }
  }
for(变量i=0;i如果(数字(值.日历\数量)该死…被认为是Vue愚弄了!