vue.js - 在vue的filters中使用this引用data中的数据
本文介绍了vue.js - 在vue的filters中使用this引用data中的数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
var vm = new Vue({
el: '#finance_audit',
data: {
dictArr:[{dictId:"JXT_PAYMENT",dictName:"缴费清分匹配"},
{dictId:"JXT_PAYMENT_D",dictName:"缴费清分取消匹配"},
{dictId:"JXT_LOAN_MATCH",dictName:"放款清分匹配"},
{dictId:"JXT_LOAN_MATCH_D",dictName:"放款清分取消匹配"},
{dictId:"JXT_REPAYMENT_MATCH",dictName:"核心企业付款匹配"},
{dictId:"JXT_REPAYMENT_MATCH_D",dictName:"核心企业付款取消匹配"}],
dict:{"JXT_PAYMENT":"缴费清分匹配","JXT_PAYMENT_D":"缴费清分取消匹配",
"JXT_LOAN_MATCH":"放款清分匹配","JXT_LOAN_MATCH_D":"放款清分取消匹配",
"JXT_REPAYMENT_MATCH":"核心企业付款匹配","JXT_REPAYMENT_MATCH_D":"核心企业付款取消匹配"}
},
created: function(){
this.getApproveList();
},
filters: {
filterTxType: function(data){
return vm.dict[data];
}
},
methods: {
在vue的filters中使用this引用data中的dict对象,为啥使用this.dict[data]不好使,使用vm.dict[data]就好使
解决方案
过滤器设计目的是用于文本转换,所以你这么用会有诸多不便,应该用 computed
代替。
这篇关于vue.js - 在vue的filters中使用this引用data中的数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文