如何在vue.js2上循环对象观察器?

How can I loop object observer on vue.js 2?(如何在vue.js2上循环对象观察器?)

本文介绍了如何在vue.js2上循环对象观察器?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如果我console.log(this.list),结果如下:

this.list.forEach(function (user) {
    selected.push(user.id);
});

存在错误:

未捕获的TypeError:this.list.forEach不是函数

如何解决此错误?

推荐答案

this.list不是数组吗?

如果this.list类似于数组(该对象上必须有length属性),您应该能够执行以下操作:

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

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

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

否则,如果this.list只是一个普通对象,您可以这样做:

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

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

这篇关于如何在vue.js2上循环对象观察器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:如何在vue.js2上循环对象观察器?

基础教程推荐