element-ui 表格顯示時 枚舉字段顯示的值與數據庫字段的值不一致 該如何顯示的問題

教師的頭銜分為高級講師和首席講師兩種，但是在數據庫中使用0和1進行存儲，此時前端該如何顯示想要的值？
多種解決方案：
1 簡單方式：（這種方式只能實現二選一）

<el-table-column label="頭銜" width="80">
     <template slot-scope="scope">
          {{ scope.row.level === 1 ? "高級講師" : "首席講師" }}
     </template>
</el-table-column>

2 element提供的方式：
使用element的表格列屬性 formatter
https://element.eleme.cn/#/zh-CN/component/table

<el-table-column prop="sex" label="性別" header-align="center" align="center" :formatter="showSex"></el-table-column>

methods: {
    showSex(row, column) {
      // console.log(row)
      if (row.sex === '1') {
        return '雄鴿'
      } else if (row.sex === '2') {
        return '雌鴿'
      } else if (row.sex === '9') {
        return '未鑒別'
      }
    }
  },