Vuex: состояние обновляется, но вычисленное свойство не

Question

У меня есть компонент, который берет свойство, называемое «конечные точки», из хранилища, слегка его корректирует ...

computed: {
            ...mapState(['endpoints']),
            adjustedEndpoints () {
                if (this.endpoints){
                    return this.endpoints.map(x => {
                        x.displayName = x.name;
                        return x;
                    })
                }
            },

... и передает его компоненту таблицы в шаблоне:

    <b-table show-empty
             stacked="md"
             :items="adjustedEndpoints"
             :fields="fields"
             :current-page="currentPage"
             :per-page="perPage"
             :filter="filter"
             :sort-by.sync="sortBy"
             :sort-desc.sync="sortDesc"
             :sort-direction="sortDirection"
             @filtered="onFiltered"
    >

Проблема в том, что когда я редактирую свойства конечной точки, я вижу, как она изменяется в состоянии компонента Vue, но это не отражается в визуализированном компоненте до перезагрузки.Я предполагаю, что функция AdjustEndpoints () не вызывается автоматически.

Как я могу это исправить?

Answer 1

Обнаружена проблема.

В исходном состоянии в хранилище Vuex я не объявлял свойство 'endpoints'.

Вот и вся проблема.