vue与vuex计算属性不更新

我正在使用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)

3 years ago

我已经改变了这种变异(将Vue导入文件):

Vue.set(state.nodes, nodeIndex, node)

它有效 .