Array.from(Object).forEach 不适用于 vue.js

Question

我在 vue.js 2 CLI 中的 data() 上创建了这样的对象：

data(){
    return{
        user: {
            user_mail: '',
            user_password: '',
            user_confirm_password : '',
            user_phone : '',
            user_fname: '',
            user_lname: '',
        },
    }
},

现在我正在尝试使用挂载函数在日志上打印此对象：

mounted() {
    console.log(this.user)
},

它工作正常。当我尝试使用 forEach:

解决问题时，问题就开始了

mounted() {
    Array.from(this.user).forEach((value) => {
        console.log(value)
    });
},

在这种情况下，我的日志中没有任何输出。有什么建议么？谢谢:)

Answer 1

Array from 从可迭代对象创建一个数组，它不适用于普通对象。

The Array.from() static method creates a new, shallow-copied Array instance from an array-like or iterable object.

您可以使用 Object.values、Object.entries 或 Object.keys

Object.values(this.user).forEach((value) => {
  console.log(value)
});

Answer 2

Array.from() 无法从您的对象创建数组。取而代之的是，您可以使用 旧的简单方法 :

for (const key in this.user) {
  console.log(this.user[key]);
}

Array.from(Object).forEach 不适用于 vue.js

Array.from(Object).forEach not working with vue.js

javascript

vue.js

vuejs2