我在 Vue JS 应用程序中使用 Firebase 的 Firestore:
"firebase": "^5.8.0",
"vue-firestore": "^0.3.16",
当我尝试获取具有引用另一个文档(Firestore 中的引用类型)的字段的文档时,我收到以下错误:
[Vue warn]: Error in render: "TypeError: Converting circular structure to JSON"
每当我将文档中该字段的类型更改为字符串时,它似乎都可以正常工作。
我知道这是因为 Firestore JS SDK 中的某些东西试图将文档(以及文档附带的一堆元数据)序列化为 JSON,并且某处有循环引用?
在我的数据结构和字段中,我没有循环引用。它只是一个引用另一个文档的字段,并且被引用的文档不再引用任何其他文档。
我获取数据的代码是:
methods: {
getContent() {
const db = this.$firebase.firestore();
db
.collection('places')
.doc(this.$route.params.placeKey)
.orderBy('name')
.get()
.then(snap => {
this.places = []
snap.forEach(doc => {
this.places.push(doc.data())
})
})
}
所以我的问题是:
1)首先,我在我的代码中做错了什么吗?即使没有引发错误,Firestore 的 JS SDK 会为我解析参考吗?或者我是否必须调用参考并自己解决它才能获取参考文档的数据?2) 当您有可以参考的文档时,使用 Firestore 的最佳做法是什么?你应该使用参考吗?什么时候?你什么时候去规范化?
谢谢!