Vue中使用局部过滤器过滤简单的状态

我的项目在获取表头的时候有个状态返回的是数字,需要我们自己过滤一下
于是就可以用简单的局部过滤器

然后在methods平级写个局部的过滤器

最后的结果

-------------------------------------------------------------手动分割------------------------------------------------------------------------------------

还有一种简单的过滤方式

         <el-table-column align="center" label="考核指标">
                  <template slot-scope="scope">
                    <div>{{ typeWarningType[scope.row.warningType] }}</div>
                  </template>
                </el-table-column>

----------------------------------------------继续分割-------------------------------------------------------------------

在el-table中过滤

   <el-table-column prop="status" label="卡片状态" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.status | statusFilter }}</span>
          </template>
        </el-table-column>

-----------------------------------------第100种方法-------------------------------------

 dataMonitoringFilter(value) {
      var obj = { 1: "偏低", 2: "正常", 3: "偏高", 4: "未知" };
      return obj[value];
    }