Question

我可以从Firebase数据库中检索数据，但是当我尝试从数据库分配获取的数据时，对象属性要求您调用getter（我的意思是分配后无法访问它们）

这是Vue实例。

是的，我知道。格式很奇怪，这是VS Code为我做的事情...

export default {
    name: "Home",
    data() {
        return {
            users: []
        };
    },
    created() {
        db.collection("users")
            .get()
            .then(snapshot => {
                snapshot.forEach(doc => {
                    let user = doc.data();
                    user.id = doc.id;
                    this.users.push(user);
                    console.log(this.users);
                });
            });
    }
};

打开控制台时，我需要单击三个点以获取实际数据。

Answer 1

以下应该可以解决问题：

export default {
    name: "Home",
    data() {
        return {
            users: []
        };
    },
    created() {
        db.collection("users")
            .get()
            .then(snapshot => {
                let usersArray = [];
                snapshot.forEach(doc => {
                    let user = doc.data();
                    user.id = doc.id;
                    usersArray.push(user);
                });
                this.users = usersArray;
                console.log(this.users);
            });
    }
};

分配后“隐藏” Vue.js对象属性

1 个答案: