iview 中table列 一列显示多个数据（后台返回数组显示在列内）

 

 1、首先出现的是比较复杂的一种状况（多个key）

一、首先页面显示效果以下

　　

二、后台返回数据格式以下：　　

 

三、在iview中table的columns中的render函数：

　　

四、具体代码

render: (h, params) => {

return h('ul', this.classroomList[params.index].knowledge.map(item => {

return h('li', item.knowledgeName)
}))
}

2、比较简单的状况（后台返回的纯数组）例如

一、在iview中table的columns中的render函数：

 　

    实例代码　

return h('span', {

style: {
display: 'inline-block',
width: '100%',
margin: '10px',
overflow: 'hidden',
textOverflow: 'hiddden'
}

}, params.row.knowledge.join('\n'))

三、效果以下