如何解决将 getter 设置到 vuefire 的 firestore 部分
我正在寻找一种使用 vue 设置从 getter 到 firestore 部分的属性的方法。我正在使用 vuefire ,但出现此错误:
vue.runtime.esm.js?2b0e:1888 TypeError:无法读取未定义的属性“getToUid”
下面是我的代码:
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)
解决方法
您的 firestore
选项不应是箭头函数,否则它无法通过 this
访问组件实例。改为:
firestore() {
return {
usersList: db.collection(users),dmMessages: db.collection(direct_message).doc(this.getToUid).collection(message_collection_name)
}
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。