Как обновить state после softdelete или restore?

Question

[nikkon82]

Связка vuex + laravel 7.
Список пользователей с кнопками удаления или восстановления (если есть deleted_at)

При удалении надо чтобы обновился state и у данного пользователя поле deleted_at обновилось
В БД все норм - поле deleted_at обновляется, а вот state не обновляется реактивно

Подскажите как реализовать?

Comments

[VegasChickiChicki]

А как это реализовано сейчас? о_О
Если я вам скажу, что нужно сделать запрос на сервер, получить ответ, если ответ положительный, то нужно изменить стор, вам что нибудь это даст?

[nikkon82]

Сейчас реализовано по аналогии с update...
actions:

async deleteUser({commit}, user) {
            await userService.deleteUser(user.id)
            commit('DELETE_USER', user)
            return user
        },
        async restoreUser({commit}, user) {
            await userService.restoreUser(user.id)
            commit('RESTORE_USER', user)
            return user
        },

mutations:

DELETE_USER(state, user) {
            state.users.forEach(u => {
                if(u.id == user.id) {
                    u = user
                }
            })
        },
        RESTORE_USER(state, user) {
            state.users.forEach(u => {
                if(u.id == user.id) {
                    u = user
                }
            })
        },

Как я понимаю, что неверно state обновляю

[Alex]

nikkon82, А во вашей задумке, что вот это вот должно делать?

state.users.forEach(u => {
                if(u.id == user.id) {
                    u = user
                }
            })

[nikkon82]

Alex, да разобрался уже в собственной не внимательности )))
надо было вот так:

state.users.map(u => {
     if (u.id === user.id) {
         for (let key in user) {
              u[key] = user[key]
          }
    }
 })

[Alex]

nikkon82, Оформите ответ и отметьте решением

Answer 1

[nikkon82]

state.users.map(u => {
     if (u.id === user.id) {
         for (let key in user) {
              u[key] = user[key]
          }
    }
 })