Javascript 带有Vue（2）绑定的HTML表行

我有一个购物车/订单列表，我绑定到一个数组，它工作得很好

我最近为添加到数组中的每个项目添加了一个行号，还添加了一个按钮行。 问题是我将它们绑定到当前行，如下所示

#
产品
类型
属性
高度
宽度
价格
去除
{{index+1}}
{{item.product}}
{{item.type}
{{item.attribute}}
{{item.height}}
{{item.width}
{{item.price}}
X

我从来没有遇到过问题，因为绑定项的值为null，所以从未创建过行。但是现在索引和按钮创建了表的第一行

是否有一种方法可以在页面加载时清除数组，或者我的做法是错误的

编辑：为上下文添加了my vue组件

var table_products = new Vue ({
   el : '#table',
   data : {
     table_products : [{
    }]
   },

---

我初始化了

表\u产品[{}]

，而不是

[]

初始化时数组中有一个空对象，因此它有一个元素。 相反，初始化空数组修复了此问题，因为它没有元素

---

感谢Phil的评论

如果您不想要任何行，请不要将任何内容放入

表\u products

数组中。目前，似乎有一个数组元素的

产品

，

类型

，属性为空，etc@Phil这些元素为空，只有index and remove按钮才创建行，如果出于某种奇怪的原因，在没有数据的情况下，

table_产品

不能有一个ampty数组，如何将

表中的产品初始化为

[]

，而不是

[{}]

为什么？因为你初始化它的方式，你在数组中有一个项目-这就是为什么它被显示，因为你显示它