vue过滤器filter中this指向问题
vue 过滤器的使用
·
本人在项目中遇到一个情况,在对数据进行格式化时,定义了一个局部过滤器,但是在过滤器中使用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>
完事!!!
更多推荐
已为社区贡献1条内容
所有评论(0)