vue表格el-table-column數據翻譯字段

問題背景：在做頁面查詢時，有一個狀態位auth_status標志，后端返回的是代碼，前端需要轉譯成對應的中文方便用戶理解。

解決方法1）使用:formatter

          <el-table-column label="認證狀態" prop="auth_status" :formatter="statusFormat"> </el-table-column> methods:{ statusFormat(row,column){ console.log(row.auth_status); var statusW; switch (row.auth_status) { case 120:statusW= "認證成功";break; case 110:statusW= "認證中";break; case 100:statusW= "未認證";break; case 130:statusW= "認證失敗";break; case 140:statusW= "認證過期";break; } return statusW } } 

解決方法2）使用過濾器filters

          <el-table-column label="認證狀態" prop="auth_status"> <template slot-scope="scope"> {{ scope.row.auth_status | mystatus(scope.row.auth_status)}} </template> </el-table-column> filters:{ mystatus(myInput){ console.log(myInput); console.log("sdsd"); var statusW; switch (myInput) { case 120:statusW= "認證成功";break; case 110:statusW= "認證中";break; case 100:statusW= "未認證";break; case 130:statusW= "認證失敗";break; case 140:statusW= "認證過期";break; } return statusW } } 

  

作者：0981b16f19c7
鏈接：https://www.jianshu.com/p/b25ec450c000