id转name工具

formatUtils.vue

<script type="text/javascript">
function idToName(id, idCol, nameCol, dataList){
    if (id == null || id == '' || id == 0) return '';
    if (dataList == null || dataList.length <= 0) return '';
    for (var i = 0; i < dataList.length; i++) {
      if (dataList[i][idCol] == id){
        return dataList[i][nameCol];
      }
    }
    return '';
}
export default {
idToName
}
</script>

在main.js里面声明，全局可用

import formatUtils from '@/utils/formatUtils.vue'
Vue.prototype.formatUtils = formatUtils;

在vue中使用

<el-table-column prop="deptid" label="部门" width="110" align="center"  :formatter="deptToName"/> 

deptToName:function(row, column){
   return this.formatUtils.idToName(row.deptid,'id','deptname',this.deptList);
},