Как сделать мутацию после удаления статьи в vuex?

Question

[Mike]

Получаю статью, удаляю её, после меня редиректит на список всех статей. Программа работает, но только после редиректа список статей не обновляется, пока не обновлю страницу (F5).
Нужно что-то сделать с мутацией, как я понимаю.

store.js

... ... ...
const actions = {
    remove_post({ commit }, data) {
        axios.delete('http://localhost:8000/app/posts/' + data + '/')
        .then(response => {
            commit('REMOVE_POST', data)
            console.log('done!')
        })
    }
}
const mutations = {
    REMOVE_POST(state, data) {
        // state.posts = data не понимаю как здесь сделать мутацию
    }
}

Answer 1

[lemme]

Либо я что-то не понимаю, либо все слишком просто.
Я предполагаю, что state.posts - массив объектов (постов), то нужно удалить этот пост из массива, т.е банальный фильтр

p.s подозреваю, что data - id поста.

state.posts = state.posts.filter(post => post.id !== data)

Comments

[Mike]

Да, вы всё правильно поняли posts - это массив постов а data- id поста. Прописал
"state.posts = state.posts.filter(post => post.id !== data)" в mutations.

Всё работает, спасибо большое!