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

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

原创最新推荐文章于 2025-06-22 19:30:39 发布 · 1.2w 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种使用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'
        }
      },