Madeas
@Madeas
UX/UI designer | Frontend developer

Как настроить фильтр v-switch для json?

1. есть переключатель <v-switch v-model="filtered">
2. есть json массив с объектами, которые содержат такую структуру:
list: [
        {
          ...,
          ...,
          stateId: 1
          ...,
        },
        {
          ...,
          ...,
          stateId: 0
          ...,
        },
        {
          ...,
          ...,
          stateId: 0
          ...,
        },
        {
          ...,
          ...,
          stateId: 1
          ...,
        }
      ]


Подскажите, как настроить фильтр, чтобы он показывал и скрывал все карточки со статусом "0"?
,
  computed: {
    stateId() {
      return this.list.stateId;
    }
  },
  methods: {
    filtered() {
      return //- как настроить фильтр?
    }
  }
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack Куратор тега Vue.js
Создайте вычисляемое свойство, которое на основе какого-то переключателя возвращает либо полный либо отфильтрованный массив. И в шаблоне используйте это свойство вместо list
Ответ написан
john36allTa
@john36allTa
That`s calling Walker
filtered() {
      return this.list.filter(item => item.stateId != 0)
    }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы