如何从 mixins（Jade/Pug）中的二维数组获取数据？

Question

我是 Jade/Pug 的新手，正在尝试通过 mixins 创建一个表。但是当我将数组传递给创建一行的 mixin 时，我得到以下信息：

创建的表（行中的数据错误）

所以问题是我怎样才能得到正确的数据？

这是我的玉码

mixin row(items)  
  tr
  each item, index in items
    td= item

mixin th(items)  
  each item, index in items
    th= item  

mixin table(tableData, tableHeader)
  table    
    each header, index in tableHeader      
      +th(header)      
    each row, index in tableData         
      +row(row)    
  
- var tableHeader = [{name: "Fruits"}, {name: "Vegetables"}, {name: "Berries"}]  

- var node = [[{name: "apple"}, {name: "cucumber"}, {name: "strawberry"}], [{name: "orange"}, {name: "tomato"}, {name: "blueberry"}]]

+table(node, tableHeader)

我已经试着写了

td #{item}

但它也不起作用

Answer 1

数据是对象数组，这就是您在编译代码中看到[object Object] 的原因。两种选择：

访问每个数组的名称属性。

由于您的示例中的item 类似于{name: 'foo'}，因此请使用#{item.name} 而不是#{item}

将数据存储为字符串数组而不是对象

如果您将node 设置为node = ['apple', 'cucumber', ... ] 而不是您所拥有的，那么只需#{item} 就可以正常工作。