<template>
<div>
<span>{
{ sexVal | sexFilter }}</span>
</div>
</template>
var _this;
export default {
data() {
return {
sexVal:0,
sex: [{
gender: "男", value: 0},{
gender: "女", value: 1 }],
}
},
beforeCreate() {
_this = this;
},
filters:{
sexFilter(val) {
let gender='';
_this.sex.forEach(item=>{
if(item.value===val){
return gender=item.name;
}
})
return gender;
}
}
vue
filters
中this
指向的不是vue
实例,但想要获取vue
实例中data
中的数据,可以采用下面方法。在beforeCreate
的钩子函数中将vue
实例赋值给全局变量_this
,然后filters
中即可通过_this
获取data
中数据