iview table表格内容为数组或者对象的子元素时问题讨论

正常状况下，iview框架table表格内容只需配置好 key 就OK，

稍微复杂点就是用一个reder函数进行操做（params.row 为本行数据）

 

 。

以上问题都很好解决，无需太动脑筋。

开发中遇到需求就是表格某一格内容不能直接获取，必须从数组中遍历出全部name，而且每一个name配以惟一id，点击name时经过id跳转传参

后台返回数据以下

 

 一、首先要把把name和id 进行拆分配对

function customStyleList(row){
    var nameList=row.styleName.split(",")
    var nameIDList=row.id.split(",")
    var styleList=[]
    for(let i=0;i<nameList.length;i++){
        arr={name:nameList[i],id:nameIDList[i]}
        styleList.push(arr)
    }   
    return styleList  //此时组件一个有值数组
}

二、render 函数里循环 styleList 数组

 

 OK完美解决

效果以下

 

 

 

参考iview官方IPA  https://www.iviewui.com/components/table