技術標籤：JavaScriptVue

在專案中需要用到資料轉換，如：性別，0為男性，1為女性，存在資料庫中的資料為0或1，那麼我們需要使用 :formatter 來進行資料轉換。

列表介面

以下附上程式碼：

// 列表column
<el-table-column label="性別" align="center" prop="cadreSex" :formatter="formatSex" />

JS程式碼：

// 性別資料轉換
    formatSex(row){
        return row.cadreSex === 0 ? "男" : row.cadreSex === 1 ? "女" : "未填寫";
    },
 

總結：
1、使用 :formatter 定義方法
2、定義資料轉換方法,需要傳入的值為row
3、可以使用 :formatter 來進行自定義設計規則