Vue开发过程中遇到的问题结合

el-table格式化el-table-column内容

一个循环展示的table中的某项，或者某几项需要格式化。对于格式化的方法，主要有template scope、formatter；

template scope 、v-if判断

<el-table-column prop="cyxb" label="性别">
    <template slot-scope="scope">
        <span v-if="scope.row.cyxb == 0">男</span>
        <span v-if="scope.row.cyxb == 1">女</span>
    </template>
</el-table-column>

利用formatter、slot属性

 <el-table-column prop="xb1" label="成员性别1"  width="120" :formatter="Formatter">


Formatter(row, column){
    if(row.xb == 0){
        return "男"
    }else if(row.xb == 1){
        return "女"
    }
}