javascript - Vuex - 更新数组中的整个对象

Question

在我的 Vuex 突变中，我想替换我状态中的一个数组元素，如下所示:

UPDATE_MAILING(state, mailing) {
    let index = _.findIndex(state.mailings, {id: mailing.id});

    state.mailings[index] = mailing
}

但这不会更新我绑定(bind)到这个数组的模板。我怎样才能 react 性地更新数组元素？

Answer 1

你应该在 Vue 实例中使用 Vue.$set(或 this.$set):

UPDATE_MAILING(state, mailing) {
    let index = state.mailings.findIndex(item => item.id === mailing.id)
    Vue.$set(state.mailings, index, mailing)
}

文档:Vue.js → Reactivity in Depth