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

Question

[Andrej Sharapov]

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 //- как настроить фильтр?
    }
  }

Answer 1

[Alex]

Создайте вычисляемое свойство, которое на основе какого-то переключателя возвращает либо полный либо отфильтрованный массив. И в шаблоне используйте это свойство вместо list

Answer 2

[Somewhere Intech]

filtered() {
      return this.list.filter(item => item.stateId != 0)
    }