vue过滤器filter中this指向问题

本人在项目中遇到一个情况,在对数据进行格式化时,定义了一个局部过滤器,但是在过滤器中使用this调用methods的方法时,报方法为undefined的错误,打印this,输出结果为undefined,最终在’度娘’的帮助下,解决了问题,在此记录一下。
解决方案:在data中定义一个变量接收this

   that: this, // 保存this以便filter中使用

项目中用到的filter

filters:{
formatReason(state, that) {
      let newVal = "";
      for (let i = 0; i < that.closeReason.length; i++) {
        if (that.closeReason[i].code == state) {
          newVal = that.closeReason[i].name;
        }
      }
      return newVal;
    }
   }

使用

<div>{{state | formatReason(that)}}</div>

完事!!!


版权声明:本文为weixin_44036603原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。