el-table格式化el-table-column内容

最新推荐文章于 2025-06-22 19:30:39 发布

SunnyLjs

最新推荐文章于 2025-06-22 19:30:39 发布

阅读量1.2w

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/SunnyLjs/article/details/80934646

本文介绍了一种使用Element UI库中的Table组件格式化表格的方法，具体展示了如何根据不同的数值显示对应的平台名称，如全平台、安卓和IOS。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 格式化table表格

<el-table-column
  prop="os"
  label="平台"
  ：formatter="formatterBannerOs"
  align="center">
</el-table-column>

// 格式化表格方法
      formatterBannerOs: function(row, column, cellValue) {
        if (cellValue == '00') {
          return '全平台'
        } else if (cellValue == '01') {
          return '安卓'
        } else if (cellValue == '02') {
          return ' IOS'
        }
      },