vue中使用局部过滤器（管道符，通配符）

废话不多说直接上代码

页面调用

        <el-table :data="tableData|code(that)"
                  :height="Height"
                  border
                  v-loading="loading"
                  highlight-current-row
                  :header-cell-style="{background:'#469cc9',color:'#ffffff'}"
                  style="width: 100%;borderRadius:8px;overflow:auto"
                  @row-click="RowClick">

script中定义过滤器
这里因为箭头函数中this作用域问题，在data函数中定义that

  filters: {
    code: (tableData, that) => {

      tableData.forEach(str => {

        //过滤性别
        if (str.sex =="1") {
          str.sex = '男'
        } if(str.sex=="2") {
          str.sex = '女'
        }

      })
      return tableData;
    }

  },