vue 表格参数格式化formatter

假设有这样一个场景，
一个用户信息列表中，有一列为性别，接口返回1表示男，0表示女。
template定义

<template>
    <el-table :data="userDetails" highlight-current-row v-loading="loading" style="width: 100%;">
        <el-table-column type="index" width="60">
        </el-table-column>
                ....                 
        <el-table-column prop="gender" label="gender" width="80" :formatter="formatGender" sortable>
        </el-table-column>
                .....
    </el-table>
</template>

methods定义

methods: {
  formatGender: function (row, column) {
      return row.sex == 1 ? '男' : row.sex == 0 ? '女' : '未知'
  }
}