如何將后台傳來的0/1轉換成想要的字符，vue

暫時發現3個方法

按時間排序

第一個在獲取的時候進行修改

this.BBBB.AAAA=this.BBBB.AAAA?'一':'零';

 

第二個利用vue自己的功能，在顯示的時候替換。

        <el-table-column prop="bbbb" label="AA" show-overflow-tooltip align="center">
          <template slot-scope="scope">
            <span v-if="scope.row.bbbb == 0">零</span>
            <span v-if="scope.row.bbbb == 1">一</span>
          </template>
        </el-table-column>

     <el-table-column label="BBB" align="center" min-width="120">
        <template slot-scope="scope">
          <span v-if="scope.row.aaa == 2">一</span>
          <span v-else-if="scope.row.aaa== 3">二</span>
          <span v-else="scope.row.aaa == 4">三</span>
        </template>
      </el-table-column> 

 

第三個，利用map，在顯示的時候替換

const map = {boolean:{0:'零'，1:'一',2:'二'}}
<div>{{map.boolean[item.id]}}</div>