接口给的是数字1,2,3,前端展示成“一级”,“二级”,“三级”
页面中:
{{item.warnLevel | level}}
vue代码:
filters: {
level: function (value) {
var name = '';
switch (value) {
case 1:
name = '一级'; break;
case 2:
name = '二级';break;
case 3:
name = '三级'; break;
// default:
// name = '其他';break;
}
return name;
}
},
filters 获取不到data中值,所以在filters中不可以使用this.list,使用如下方法传值
<div v-for="item in list">
<p>{{item.value | filterA(list,item.name)}}</p>
</div>
data(){
return {
list:[],
}
}
filters: {
filterA: function (value,list,prop) {
console.log(value);//当前值
console.log(list);//data中定义的list
console.log(prop);//参数
}
},