我正在使用vuex和socket.io来进行state.Nodes.nodes更新 . 我正在更新单个节点(索引4),当我使用setInterval记录output_state和计算完全相同的属性(node 4 output_state)时 - 它们在变异后会有所不同!
computed: {
tmpStatus () {
if (this.$store.state.Nodes.nodes.length !== 0) {
return this.$store.state.Nodes.nodes[4].output_state
} else {
return null
}
}
},
created () {
this.debugInterval = setInterval(() => {
console.log('Devicesstate', this.$store.state.Nodes.nodes[4].output_state, this.tmpStatus)
}, 2000)
},
突变是这样完成的:
let nodeFound = state.nodes.filter(item => item.node_id === node.node_id)[0]
let nodeIndex = state.nodes.indexOf(nodeFound)
state.nodes[nodeIndex] = node
更新前的结果(两者都相同): Devicesstate true true
更新后的结果 - 更改为false(它们不同!): Devicesstate false true
我已经改变了这种变异(将Vue导入文件):
Vue.set(state.nodes, nodeIndex, node)
它有效 .
1 回答
我已经改变了这种变异(将Vue导入文件):
它有效 .