Firebase 实时快照更新未在 vue 中更新

大佬教程收集整理的这篇文章主要介绍了Firebase 实时快照更新未在 vue 中更新，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Firebase 实时快照更新未在 vue 中更新？

开发过程中遇到Firebase 实时快照更新未在 vue 中更新的问题如何解决？下面主要结合日常开发的经验，给出你关于Firebase 实时快照更新未在 vue 中更新的解决方法建议，希望对你解决Firebase 实时快照更新未在 vue 中更新有所启发或帮助；

很确定这是因为我整理文件的方式，所以我先解释一下。

我有一个名为 firebase-service.ts 的文件，其中包含我所有的各种 Firebase 查询。到目前为止，一切都很好，但现在我想要实时更新。

firebase-service.ts：

const getliveDeviceInfo = async (ID: String) => {
    return await new Promise(function (resolvE) {
      let returnObj = {};
      const threadMembersRef = firebase.firestore().collection('devices').doc(ID);
      threadMembersRef.onSnapshot(function (doC) {
        Object.assign(returnObj,doc.data());
        resolve(returnObj);
      });
    });
};
@H_419_13@
我的另一个文件名为 Device.vue，它像这样导入方法 getliveDeviceInfo：
import useFirebaseservice from '../hooks/firebase-service';
const {state,getliveDeviceInfo} = useFirebaseservice();
@H_419_13@
在我的 Vue 文件 (Device.vue) 中，我有一个生命周期方法 @H_284_5@mounted，它调用 getliveDeviceInfo，然后更新一个更新 UI 的数据值。当 Firestore 中的内容发生变化时，我可以看到 firebase-service.ts 中的 console.log 正在发生，但它永远不会返回到我的 Device.vue 文件中。
我能做什么？我猜导入方法与文件中的方法不同？是否需要添加某种 Reactive 内容以使 Vue 意识到这一点？
 
解决方法
 
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
 
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
 
小编邮箱:dio#foxmail.com (将#修改为@）
 


 
@H_674_47@ 
      

大佬总结

以上是大佬教程为你收集整理的Firebase 实时快照更新未在 vue 中更新全部内容，希望文章能够帮你解决Firebase 实时快照更新未在 vue 中更新所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。