element中表格的使用
模板:
<el-table-column label="支付方式" width="100" align="center">
<template slot-scope="scope">
{{scope.row.payType | payType}}
</template>
</el-table-column>
遇到这种表格的渲染,支付方式,后台返回的是1~4这四个状态
1:表示微信 2:银行卡 3: 4:。。。
当遇到这种没办法使用三元表达式渲染的时候用过滤器(filters 和 data 以及methods 同等级)
filters:{
payType (num) {
if (num == 1) {
return "微信支付"
} else if (num == 2) {
return "银行卡"
} else if (num == 3) {
return "快捷支付"
} else if(num == 4) {
return "余额支付"
}
}
}