vue使用filters时遇到this是undefined的记录

关于vue使用filters时遇到this是undefined的记录

之前使用filters时比较简单。知道过滤条件后直接写死，所以没在意过this问题。比如下图这种简单的过滤方式:

但是在项目中如果判断条件后期要增加，上述方式虽然可以实现，但是每次要对代码进行修改，会增加开发工作量(虽然看起来没多少工作量);所以我们要使判断条件进行动态处理怎么办？比如我们项目中的案例:

以上案例在开头中就可能不适应，所以解决思路以下三种方法大同小异:

1. 在methods中写个方法进行比较并return符合条件的值:
   
   
   2.使用computed,写法与1类似，但是computed和methods有什么不同在这儿不做解释:
   
   
   3.使用filters,传递this:
   首先在data中再声明一遍this:
   

第一个参数就是要判断的status的值；第二个参数是data里的dictArr数据;