javascript - Vue计算函数在添加数据时导致错误

Question

在我的 jsbin 中http://jsbin.com/fecukitisu/edit?html,js,output。我的总额和税收绑定一直有效，直到用户通过包含的按钮添加新的“销售”。我无法弄清楚为什么在添加另一个销售时计算函数会返回 NAN。任何帮助深表感谢！

Answer 1

组件的数据函数的返回值看起来像一个错误。您将“销售”属性设置为对象数组。它应该只是一个对象。改变这个：

    data: function() {
      return {
        tip: 8.50,
        sale: [
            { price: '' },
            { desc: '' },
            { amount: '' }
        ]
      };
    }

对此：

    data: function() {
      return {
        tip: 8.50,
        sale: { 
            price: '',
            desc: '',
            amount: '' 
        }
      };
    }