本人在项目中遇到一个情况,在对数据进行格式化时,定义了一个局部过滤器,但是在过滤器中使用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>

完事!!!

Logo

前往低代码交流专区

更多推荐