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

        }

      }

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章