1. 程式人生 > >vue表格el-table-column資料翻譯欄位

vue表格el-table-column資料翻譯欄位

state傳來的是碼值,需要轉換成漢字,如:1轉為成功,2轉為失敗

<el-table-column align="center" min-width="100px" label="狀態" prop="state" :formatter = "stateFormat">
      </el-table-column>

使用 :formatter = "stateFormat"

在方法區:

methods: {
      stateFormat(row, column) {
        console.log(row.state)
        if (row.state === 0) {
          return '未上鍊'
        } else if (row.state === 1) {
          return '成功'
        } else if (row.state === 2) {
          return '上鍊失敗'
        }
      }
.....