在做页面列表时,有时候接口返回的数据都是一些数字类型来标记是哪些类型,比如说经常用的0表示性别男,1表示性别女,但是到页面上展示时需要转化为汉字 "男" 和 "女"进行展示,现在记录一下使用过滤器实现转化的过程,
代码说明:
例子中写了两个过滤器 一个获取会员级别名称的过滤器 一个判断是否有开店资格的过滤器,写两个是为了展示过滤器需要多个参数时的写法
过滤器 getViplevel 有一个参数level 使用时第一个参数是放在管道符|前边的,后边没有参数了方法名后边就不再跟东西了
过滤器getIsCanHasStore需要两个参数 第一个参数也是放在管道符|前边的,后边的参数是放到过滤器名称后边的小括号里,如果还有更过参数就继续在括号里追加就行,写法
<span v-else-if="col.key=='isCanHasStore'">{ {scope.row["vipLevel"] | getIsCanHasStore(scope.row["vipDays"],canshu3)}}</span>
<template>
<div class="list">
<el-table :data="tableData" style="width: 100%">
<el-table-column :prop='col.key' :label="col.value" width="150" v-for="(col,index) in