如何在VUE组件中调用mapState中的“this”？

Question

import { mapState } from 'vuex'

...mapState({
   user: (state) =>{
     return _.filter(state, data => {
       return _.includes(this.allUserIds, data.id)
     } )
   }
})

在这种情况下，我不会在地图状态下调用 this.allUserIds

Answer 1

不要使用() => {}函数语法，因为它绑定得this太早。

...mapState({
  user(state) {  // <--- here
    return _.filter(state, data => {
      return _.includes(this.allUserIds, data.id)
    })
  }
})