数据渲染中与 iview 表相关的问题答案

【问题标题】：issue related to iview table in data rendering数据渲染中与 iview 表相关的问题
【发布时间】：2017-12-02 13:26:33
【问题描述】：

如果我有这样的数据对象

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' } ],

但它不起作用。

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

【问题讨论】：

可以分享现场演示吗？在 vuejs 中
是的，我在这里创建了一个示例 -----> jsfiddle.net/qoboxqkq/5

标签： node.js vue.js

【解决方案1】：

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

这里我附上了解决方案。

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

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

JsFiddle Solution

【讨论】：