vue-element-admin框架中el-table后台返回数字，前台变成对应得汉字

如接口返回：2 3 4，需要换成对应汉字
方法一、

    <el-table
      ref="multipleTable"
      :data="tableData"
      border
      tooltip-effect="dark"
      style="width: 100%"
    >
      <el-table-column prop="id" label="序号" align="center" width="80" />
      <el-table-column label="等级" align="center" min-width="120">
        <template slot-scope="scope">
          <span v-if="scope.row.k_id == 2">一级</span>
          <span v-if="scope.row.k_id == 3">二级</span>
          <span v-if="scope.row.k_id == 4">三级</span>
        </template>
      </el-table-column>    
    </el-table>

方法二、

    <el-table
      ref="multipleTable"
      :data="tableData"
      border
      tooltip-effect="dark"
      style="width: 100%"
    >
      <el-table-column prop="id" label="序号" align="center" width="80" />
      <el-table-column label="等级" align="center" min-width="120">
        <template slot-scope="scope">
          <span v-if="scope.row.k_id == 2">一级</span>
          <span v-else-if="scope.row.k_id == 3">二级</span>
          <span v-else="scope.row.k_id == 4">三级</span>
        </template>
      </el-table-column>    
    </el-table>