与数据呈现中的iview表相关的问题

Question

如果我有像这样的数据对象

data: [ { name: { nikeName: 'sam', realName: 'sanjay' }, age: 18, address: 'New York No. 1 Lake Park', date: '2016-10-03' }, { name: { nikeName: 'roy', realName: 'ravindra' }, age: 24, address: 'London No. 1 Lake Park', date: '2016-10-01' } ]

然后如何从iview表中的KEY名称显示nikeName / realName

我试过这个

columns1: [ { title: 'Name', key: 'name.nikeName' // name.realName }, { title: 'Age', key: 'age' }, { title: 'Address', key: 'address' } ],

但它不起作用。

有没有办法显示这种类型的对象数据？

Answer 1

您可以使用渲染方法使用嵌套对象和数组。

我已附上解决方案。

如果您有任何疑问，请与我们联系。

render: (h, params) => {
  return h('div', [
    h('strong', ' '+params.row.name.nikName)
  ]);
}

JsFiddle Solution