vue.filter在vue中的使用,vue filters this
本文主要介绍如何解决vue滤镜无法获取该对象的问题。有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。
目录
vue滤镜无法获取此对象的原理。这里有一个例子：vue filters这就指出了问题所在。Vue实例中的过滤器独立于当前的Vue实例上下文。
vue过滤器filters获取不到this对象
原理
在数据中定义一个属性，将这个属性存储在那个属性中，并在调用方法sum in filters时传递那个属性。
下面举个例子
用filters计算data中 a+b 的值
注意：filters中sum方法的第一个参数是左边的 A，第二个参数是写在括号中的thattemplate。
div{{asum(that)}}/div
/模板
脚本
导出默认值{
名称：“测试”，
data() {
返回{
那个：这个，
答：1，
乙：2
}
},
过滤器：{
总和
console.log(那个)；
返回a that.b
}
},
}
/脚本
Vue filters this指向问题
Vue实例中filter不依赖于当前vue实例上下文
因此，不能在filter中直接访问当前的vue实例，所以可以使用computed来代替。
但是，当需要根据html文本、v-for数据等进行更改时，computed的功能无法满足我们的需求。
那么我们可以用方法来代替
数据：{
商店项目类型：{}
},
方法：{
shopItemType2str(id){
返回this . shoitemtype[id]；
}
}
tr v-for=商店项目中的商店项目
TD { { shop item type 2 str(shop item . item _ type)} }/TD
/tr
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。