element ui 表格中的渲染有多个状态判断的情况

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 "余额支付"

        }

      }

}