Как отфильтровать данные в цикле?

Question

[Алекс]

Добрый день есть store с axios

import Vue from 'vue';
import Vuex from 'vuex';
import axios from 'axios';
Vue.use(Vuex);
export default new Vuex.Store({
    namespaced:true,
    state: {
        ListTicket: '',
    },

    getters: {
        TicketList: state => {
            return state.ListTicket.data
        },

 
        doneTodos: (state) => (id) => {

            let set;
            set = state.ListTicket.data;
            return  set.find(set => set.id === id)
        }



    },

    mutations: {
        setList(state, payload){
            state.ListTicket = payload;
        }
    },
    actions: {
        async getList({commit}){
            let response = await axios.get('/account/ticketApi/list');
            if (response.status === 200) {
                commit('setList', response.data);
            }
        }
    },
    modules: {
    }
})

return state.ListTicket.data
возвращает массив объектов с базы,

...mapGetters([
                'TicketList',
            ]),

через v-for вывожу все тикеты, но мне например надо отсортировать тикет по определенному id-подскажите. Спасибо

Answer 1

[SvinkaBacilka]

Используйте фильтр для массивов
Данный фильтр проверяет какой элемент массива содержит в себе ключ 'available' в значении true:
array.filter(item => item.available)

Для id можно так:

array.filter((item) => {
  return item.id === 42
})

Comments

[Алекс]

Проблема немного не в етом ето понятно что можно так отфильтровать state.ListTicket.data.filter и другие сортировки не работают у меня

[SvinkaBacilka]

Алекс, а точно массив приходит от сервера? попробуйте отобразить его в консоле и посмотреть его прототип

Answer 2

[segio_tt]

state: {
ListTicket: '',
},

getters: {
TicketList: state => {
return state.ListTicket.data
},
Откуда взялась data? Там просто должно быть return state.ListTicket и
ListTicket: [],

Comments

[Алекс]

можно так да

но все равно отрисовать вот так надо будет
v-for="item in LIST.data"

[segio_tt]

Алекс, а значит из бекенда еще она в data завернута ,тогда ок)

Answer 3

[Алекс]

вот что пытаюсь сделать

GetListId: (state) => (id) => {
            return state.ListTicket.find(ListTicket => ListTicket.id === id)
        }

...mapGetters([
                'LIST',
                'GetListId'
            ]),

{{ GetListId(100) }}
и ошибка
"state.ListTicket.find is not a function"
хотя если в state тестово записать ручками объект массивов то все работает