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

enter image description here

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

存在以下错误:

未捕获的TypeError:这个.列表forEach不是一个函数

我如何解决这个错误?

推荐答案

this.list不是数组吗?

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

Array.prototype.f或Each.call(this.list, user => {
  // ...
})

Array.from(this.list).f或Each(user => {
  // ...
})

[...this.list].f或Each(user => {
  // ...
})

否则,如果this.list只是一个普通对象,则可以执行以下操作:

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

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

Vue.js相关问答推荐

Nuxt3 Build . put文件夹保持空,没有从.nuxt复制任何内容

NUXT 3 在客户端获取数据

在 Vue 中删除自定义组件代码重复的方法?

vite - 具有相对assets资源 路径的子页面

Vue 脚本标签中更漂亮的 destruct 功能

如何使用 vue 或 javascript 向服务器发送密码?

如何在 vuejs 自定义指令中传递动态参数

如何将 axios/axios 拦截器全局附加到 Nuxt?

如何在 vue.js 中包含当年的版权?

不需要提交Mutations的 vuex 操作

此 set-cookie 已被阻止,因为它具有 samesite=lax

在 Vuejs 中计算 DOM 元素之间距离的最佳方法是什么?

如何禁用 nuxt 默认错误重定向

Vue 动态组件事件绑定

如何将数据属性设置为从 Vuex getter 返回的值

Leaflet+Vue+Vuetify / Leaflet map 隐藏 vuetify 弹出对话框

VueJS 路由 - 使用子路由和 Vuetify 时如何停止多个活动路由(active routes)?

单击时交换组件

如何使用 Vuetify 验证复选框组

我们可以像在 Angular 中一样创建 Vue.js 组件时将 HTML、JS 和 CSS 文件分开吗?