el-table中如何使用computed属性

Question

例如table中有个deptType,返回的值是0,1,2,3 等。要根据0,1,2,3替换成对应的文字。如何操作？

<el-table ref="multipleTable" :data="tabledData" border style="width:100%"  
     :row-class-name="tableRowClassName"  @selection-change="handleSelectionChange" 
    @row-dblclick="dbclick" @select="selectRow" class="tableClass"
    :header-cell-style="headerRowClass">
    <el-table-column type="selection" width="55"></el-table-column>
    <el-table-column prop="deptId" label="机构编码"></el-table-column>
    <el-table-column prop="deptName" label="机构名称"></el-table-column>
    <el-table-column prop="deptType" label="机构类型"></el-table-column>
    <el-table-column prop="orderNum" label="排序"></el-table-column>
    <el-table-column prop="leader" label="负责人"></el-table-column>
    <el-table-column prop="phone" label="联系电话"></el-table-column>
    <el-table-column prop="email" label="邮箱"></el-table-column>
    <el-table-column prop="deptLogo" label="Logo"></el-table-column>
    <el-table-column prop="remark" label="备注"></el-table-column>
</el-table>

Answer 1

使用Scoped slot

//mfunc是你的转换函数，或者使用filter
<el-table-column prop="deptType" label="机构类型">
    <template slot-scope="scope">
        <span>{{ mfunc(scope.row.deptType) }}</span>
    </template>
</el-table-column>

methods: {
    mfunc(num){
        let result = num
        switch(num){
            case 0: result = 'a';break;
            ...
        }
        return result
    }
}