数据渲染中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表中显示来自键名的nikeName/realName

我已经试过了

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

但它不起作用。

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

Answer 1

可以通过render方法使用嵌套对象和数组。

这里我有附加的解决方案。

如果你有任何疑问，请告诉我。

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

JsFiddle Solution