Vue.js对象属性在赋值后被“隐藏”
Vue.js对象属性在赋值后被“隐藏”
提问于 2019-06-19 04:10:52
我可以从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);
});
});
}
};当我打开控制台时，我需要单击三个点来获取实际数据。
回答 1
Stack Overflow用户
发布于 2019-06-19 04:30:51
下面的代码应该可以解决这个问题：
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);
});
}
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56656389
复制相关文章
相似问题
腾讯云开发者
