将 getter 设置到 vuefire 的 firestore 部分

Posted 2023-02-22

【中文标题】将 getter 设置到 vuefire 的 firestore 部分

【英文标题】：Set a getter into a firestore section of vuefire

【发布时间】：2021-05-05 02:44:00

【问题描述】：

我正在寻找一种使用 vue 设置从 getter 到 firestore 部分的属性的方法。我正在使用 vuefire，但出现此错误：

vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property 'getToUid' of undefined

下面是我的代码：

    data: () => (
      name:'',
    ),
    firestore: () => (
        // eslint-disable-next-line no-undef
        usersList: db.collection(users),
        dmMessages: db.collection(direct_message).doc(this.getToUid).collection(message_collection_name)
      ),
    computed: 
        ...mapGetters(
          getToUid: "chats/GET_TO_UID",
        ),
    

将getToUid 设置到这一行的最佳方法是什么：

 dmMessages: db.collection(direct_message).doc(this.getToUid).collection(message_collection_name)

【参考方案1】：

您的firestore 选项不应是箭头函数，否则它无法通过this 访问组件实例。将其更改为：

firestore() 
  return 
    usersList: db.collection(users),
    dmMessages: db.collection(direct_message).doc(this.getToUid).collection(message_collection_name)
  
,