需求：將後臺傳過來是 job_role 欄位（英文），通過 vue的 filters過濾器 轉換成需要展示的對應中文資料

傳過來的資料如下：

轉換對應內容如下：

沒轉換前頁面展示如下：

解決辦法：使用 filters過濾器

花括號插值：{{ 要使用的值 | 過濾器名稱 }}，還可以使用在 v-bind表示式 中

重點：過濾器函式內必須有個返回值

<el-table-column label="職位">
    <template slot-scope="scope">{{scope.row.job_role | jobRole}}</template>
</el-table-column>  



export default {
    name: "AdminList",
    // 過濾器
    filters: {
      jobRole(val) {
        let jobRoleTxt = ''
        if (val === 'super_admin') {
          jobRoleTxt = '超級管理'
        }
        if (val === 'dept_leader') {
          jobRoleTxt = '主管'
        }
        if (val === 'group_leader') {
          jobRoleTxt = '組長'
        }
        if (val === 'employee') {
          jobRoleTxt = '操作員'
        }

        return jobRoleTxt
      }
    }
}