在vuex中使用vue.set不会更新状态

Question

我试图将一个对象添加到一个嵌套数组中，但是它没有用，但是我已经将它用于其他状态，并且它运行正常。

它是否与它有关，开始嵌套数组？

这是我使用

的代码

Vue.set(state.sections[getCurrentSection(state).index].rows[getCurrentRow(state).index].columns[getCurrentColumn(state).index].elements, 0, element)

这是元素对象

var element = {
    id: id,
    style: {
        backgroundColor: {
            value: 'rgba(255,255,255,1)',
        },
    },
}

我做错了什么？

Answer 1

1. 制作state.sections;
的deep copy
2. 创建一个新的object并对其进行修改;
3. 将state.sections替换为新对象 - state.sections = Object.assign({}, newObject)。

您的state和您的观点已更新。