一、首先出現的是比較復雜的一種情況(多個key)
1、首先頁面顯示效果如下
2、后台返回數據格式如下:
3、在iview中table的columns中的render函數:
4、具體代碼
render: (h, params) => {
return h('ul', this.classroomList[params.index].knowledge.map(item => {
return h('li', item.knowledgeName)
}))
}
二、比較簡單的情況(后台返回的純數組)例如
1、在iview中table的columns中的render函數:
實例代碼
return h('span', {
style: {
display: 'inline-block',
width: '100%',
margin: '10px',
overflow: 'hidden',
textOverflow: 'hiddden'
}
}, params.row.knowledge.join('\n'))
3、效果如下