在Vue中使用filter如何获取到data中的值

[powerdong]

因为要在业务中使用获取到的数据计算出百分比数据，使用filter需要使用data中的数据，但是在使用中获取不到data中的数据，为undefined，查询相关的问题发现 filter 中的this是全局的不是指向Vue实例，所以也就不能使用 this.XXX

• 解决办法
• 首先定义一个全局变量

let _self
export default {

}

• 然后在Vue创建前的生命钩子函数中将_slef指向this

beforeCreate () {
    _self = this
}

• 然后就可以在filter中通过_self访问Vue实例了

[powerdong]

也可以在模板中将data值作为参数传给filter方法

<div>{{time | filterSetTime(data)}}</div>

filterSetTime: function(val, data) {
  console.log(val) // time值
  console.log(data) // 这里获取data值
}

[ZhongHongLi]

你这写的fork了，实用