Array.filter() 在 Vue.js 中无法正常工作 [重复]

Question

您好，我正在为这个过滤器不工作而苦苦挣扎：

export default {
  props: {
    participants: Array,
  },
  methods: {
    filterUsersByCostCenter() {
      this.participants.filter(function (participant) {
        return (participant.cost_center == 2);
      });
    }
  }
}
</script>

这是参与者的样子：

participants = [
  [0] => {
    'name': 'Luca',
    'surname': 'Rossi',
    'cost_center': 1
  }
  [1] => {
    'name': 'Mario',
    'surname': 'Rossi',
    'cost_center': 2
  }
]

我希望只获得第二个索引作为结果但不起作用

Answer 1

filter 不会改变数组，它会返回一个新数组。你可能需要

this.participants = this.participants.filter(function (participant) {
  return (participant.cost_center == 2);
});