How can I loop object observer on vue.js 2?

Here is a way to loop over an observer array in Vue:

let keys = Object.keys(myObserverArray);

keys.forEach(key => {
   let item = myObserverArray[key];
   //...work with item
})

Is this.list not an Array?

If this.list is array-like (there must be a length property on that object), you should be able to do:

Array.prototype.forEach.call(this.list, user => {
  // ...
})

Array.from(this.list).forEach(user => {
  // ...
})

[...this.list].forEach(user => {
  // ...
})

Otherwise if this.list is just a plain object, you can do:

Object.keys(this.list).forEach(key => {
  const user = this.list[key]
  // ...
})

Object.entries(this.list).forEach(([key, user]) => {
  // ...
})

Related