iview table某一列显示多个数据并处理(数组或对象)

zhangyiyy

于 2020-05-29 12:33:38 发布

阅读量2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： iview

本文链接：https://blog.csdn.net/weixin_39457424/article/details/106421724

iview 专栏收录该内容

12 篇文章

订阅专栏

使用render函数处理
例子中处理的是一个对象
接口数据
在这里插入图片描述

{
      title: lang.testpaper_question_count,
      minWidth: 250,
      render: (h, params) => {
        let newArray = []
        let tagColor = ''
        if (params.row.count) {
          for (let i in params.row.count) {
            switch (i) {
              case '单选题': tagColor = '#3083DC'
                break
              case '多选题': tagColor = '#42BFDD'
                break
              case '不定项选择题': tagColor = '#344966'
                break
              case '判断题': tagColor = '#CDC392'
                break
              case '填空题': tagColor = '#0077B6'
                break
              case '问答题': tagColor = '#788BFF'
                break
              case '材料题': tagColor = '#38A35A'
                break
              default: tagColor = '#69BB56'
            }
            newArray.push(
              h('tag', {
                props: {
                  color: tagColor
                }
              }, i + ':' + params.row.count[i]
              )
            )
          }
        }
        return h('div', params.row.count ?  newArray : '' )
      }
    },