vue表格属性——:formatter=fun

作用：对从数据库中取出的数据进行处理后展示。

示例：

partner1为从数据库中查询出的展示字段，值为数字id，需要转化成中文名称

partners为全量查询结果，包含了id与中文名称的一一对应关系

getPartnerName为数据处理函数，用以找到与id对应的中文名称

<!-- 伙伴名称 -->
<el-table-column prop="partner1" :formatter="getPartnerName" align="left" show-overflow-tooltip label="伙伴名称" width="150"></el-table-column>

getPartnerName(row, col) {
    console.log('partners', this.partners)
    for (var i in this.partners) {
      if (this.partners[i].pid === row.partner1) {
        return this.partners[i].shortname
      }
    }
}

标签：partners,vue,row,getPartnerName,中文名称,fun,formatter,id,partner1
来源： https://www.cnblogs.com/mobaiyu/p/11489934.html