一、首先出现的是比较复杂的一种情况(多个key)

1、首先页面显示效果如下

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

2、后台返回数据格式如下:  iview 中table列 一列显示多个数据(后台返回数组显示在列内)

 

3、在iview中table的columns中的render函数:

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

4、具体代码

render: (h, params) => {

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

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

二、比较简单的情况(后台返回的纯数组)例如

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

1、在iview中table的columns中的render函数:

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

    实例代码 

return h('span', {

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

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

3、效果如下

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

 

  

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-15
  • 2022-12-23
  • 2021-06-07
  • 2021-09-10
猜你喜欢
  • 2021-08-03
  • 2022-12-23
  • 2021-05-24
  • 2021-05-24
  • 2022-12-23
  • 2021-12-09
  • 2021-07-24
相关资源
相似解决方案