js过滤器filter常见问题：this无法使用

问题描述

在vue开发环境中，使用filter函数时，方法体中的this指向数据无法使用

this.DevideTable = this.DevideTable.filter(function (item) {
        return item.deviceclass === this.name
      })

---

原因分析：

因为在function中，this指向的的不是这个vue组件，而是这个方法体，所以，在使用this时，找不到数据

---

解决方案：

将function用箭头函数来表达

  this.DevideTable = this.DevideTable.filter(item => {
        return item.deviceclass === this.name
      })