Javascript 为v-for中的每个项目呈现一个异步的日期

Javascript 为v-for中的每个项目呈现一个异步的日期,javascript,vue.js,asynchronous,v-for,Javascript,Vue.js,Asynchronous,V For,我有一个服务器阵列,我使用v-for在模板中显示这些服务器。使用vue nats库,我订阅每个服务器以接收动态数据 methods: { subscribe(uuid) { this.$nats.subscribe('report.' + uuid, (msg) => { this.serversDetailedInfo = Object.assign({}, this.serversDetailedInfo, msg) }) } } 数据进来了,我把

我有一个服务器阵列,我使用v-for在模板中显示这些服务器。使用vue nats库,我订阅每个服务器以接收动态数据

methods: {
  subscribe(uuid) {
    this.$nats.subscribe('report.' + uuid, (msg) => {
      this.serversDetailedInfo = Object.assign({}, this.serversDetailedInfo, msg)
    })
  }
}
数据进来了,我把它放在对象中:serversdetaildinfo。在msg中,我获取对象:

Object { server_uuid: "OTgxYWZlNDctMWE4Zi", ram: {…}, hdd: {…}, tstamp: " " }

Object { server_uuid: "ZjhlNDY2MjQtYjRiZi", ram: {…}, hdd: {…}, tstamp: " " }

但是当我在模板中显示这些数据时,我并没有得到每个服务器的数据列表,而是只得到一个服务器的数据——新数据覆盖了旧数据。如何在每个服务器的模板中显示数据?
谢谢你的帮助。

这可能是因为对象键是相同的。它将覆盖现有数据

var data = {
a:"shashank",
b:"gupta",}

let c = Object.assign({},data,{a:"shashank1",
b:"gupta1"});
c
{a: "shashank1", b: "gupta1"}
“c”已经过了。
不要创建对象,而是创建一个对象数组,然后在数据来自新服务器时推送数据

数据是什么样子的?它是否始终具有相同的属性键?如果是这样,您只需覆盖
this.serversdetaildinfo
中的当前值-如果需要帮助,您需要显示1:msg的内容和2:your template