Vue.js - Как передать параметры в функцию фильтра JavaScript в вычисляемом свойстве?

Question

Я хочу передать переменную в качестве параметра вычисляемому свойству.

computed: {
    dishes() {
      let param = this.cuisine;

      let dishes = this.restaurant.restaurant_items.filter(element => {
        element.param
      });

      return dishes;
    }
},
data(){
    return{
        cuisine:""
    }
}

Здесь в качестве параметра я передаю значение, являющееся элементом restaurant_items объектов массива.

Например (: - is_thai)

Но это ничего не выводит меня.Что не так с моим кодом?

Answer 1

Если я правильно вас понимаю, то, что вы действительно хотите сделать, это:

computed: {
  dishes() {
    return this.restaurant.restaurant_items.filter((e) => e[this.cuisine])
  }
}

Вам необходимо использовать скобочную запись для доступа к свойствам объекта через переменную, а не через точечную.

Answer 2

Вычисленные свойства не принимают параметры. Но вы можете использовать метод для достижения того же самого

methods: {
    dishes(param) {
        // return whatever
    }
}