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


 

 一、首先出现的是比较复杂的一种情况(多个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、效果如下

  

 

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM