ask the Talbe component in IView to replace the data,
  
 you need to display the value "1 | 2" of the "gender" column as "male | female" respectively 
 here is the code: 
<template>
    <tables ref="tables" v-model="usrListData" :columns="columns"/>
</template>
<script>
  data () {
    return {
      columns: [
        {title: "-sharp", key: "id"},
        {title: "", key: "sex"}
      ],
      usrListData: []
      },
  mounted: function () {
    getUsrList().then(res => {
        res.data.result.forEach((info, index) => {
            this.usrListData.push(res.data.result[index])
        })
    })
    }
</script>