elementui表格数据过滤

说一下应用场景:后端返回数据中有0,1,2等指代状态的数据。我需要在表格中呈现出实际的状态文字。比如0.开启1.关闭等。

                  <el-table-column property="courseType" label="课程类型" :formatter="formatype">
                    </el-table-column>
                    <el-table-column  label="课程时间" width="200">
                        <template slot-scope="scope">
                            {{scope.row.courseStart}}{{scope.row.courseEnd}}
                        </template>
                   </el-table-column>

这里写到了两种情况
1,是我开头说的场景,后端给我0,1,2等数据,我需要进行转换,
2,是我需要整合后端传给我的时间点。用scope得到。

解决1的方法:

  formatype:function (row, column, cellValue) {
            if (cellValue === "1"){
                return '理论';
            }else if (cellValue === "2"){
                return '社科';
            }else if(cellValue === "3"){
                return '外语'
            }
        },

解决的方法不只有一种~~
还有就是用过滤器 filters

         <el-table-column  label="课程类型" width="200">
                        <template slot-scope="scope">
                            {{scope.row.courseType  | formatType}} 
                        </template>
          </el-table-column>
filters:{
     formatType(val){
         return val == 0 ?'理论' :val == 1 ? '社科' :'外语'
    }
}
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值