vue表格中prop获取的数据为数组情况下的遍历

vue prop 会接收不同的数据类型，其中包含： Number, String, Boolean, Array,  Function, Object  

渲染列表数据时，table表格属性中的prop获取到的数据是一个数组，可使用formatter来格式化数据

数据渲染：  

<el-table-column label="角色" key="roles" prop="roles" width="120" :formatter="rolesData" />

JS代码：

    //遍历table中roles数组
    rolesData(row){
        let arr = []
        row.roles.forEach((item, index)=>{
            arr.push(item.roleName);
        })
        if (index > 2) {
          return
        }
        return arr.join(',')
    }