VueFire：在客户端上设置后解析引用

如何解决VueFire：在客户端上设置后解析引用

根据docu“ [...]，vuefire将自动绑定最多一个嵌套引用。”。如果我从数据库中检索属性为ref的对象（地图），则效果很好：ref在客户端上自动解析（ref_property不会保存指向对象（例如users/123），但实际数据（{username: 'john',hometown: 'autumn'}）。

问题是：如何以一种方式更新客户端上的ref_property（例如，假设last_edit_by_ref）。a。）vuefire能够将其解析为UI的有效JSON。和b。）确保同时将其作为引用存储在数据库中？

我试图按照说明here（再次）从集合中获取引用的对象（“要写文档的引用，您要传递实际的引用对象”）。但是，与此有关的问题是vuefire无法解决此问题，从而导致UI中的值为空：

post.last_edit_by_ref = db.collection('users').doc('123')

背景：如果我设置纯JSON，则该属性不再作为reference存储在数据库中。这很不好，因为链接的对象很可能会更改（链接的对象随后将保留复制的过时数据）。

解决方法

它与VueFire不相关。这是Firebase解析set / update方法中获得的Object的方式。

如果您专注于这一部分：

const data = {
  age: 18,name: "John",carRef: db.collection('cars').doc('john-car'),}

await db.collection('users').doc('john').set(data);

您将把引用保存在Firestore中。然后，VueFire将自动绑定对象。

对于您的情况，我认为您需要找到一种方法来获取db.collection('users').doc(last_edit_user_id)来进行发布。