vue.js - 在vue的filters中使用this引用data中的数据

查看:2308
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆