同步Firebasevuexfire，没有错误和警告

编程问答 2022-06-08

问题描述

我的vuex存储中有一个Firestore绑定，一个前端元素依赖于该存储。这是一些示例代码：

Vue模板：

<v-list-item
    v-if="dependantGetter"
    @click="doSomething()">
    <v-list-item-title>Do something</v-list-item-title>
</v-list-item>

Vue脚本：

computed: {
    ...mapGetters(["dependantGetter"]),}

Vuex商店：

const state = {
    settings : [],}

const getters = {
    dependantGetter: ({ settings }) => {
        let check = settings.filter(setting => setting.id === 'idName')       
        return check[0].startSync
    }
}

但是我的问题是，浏览器抛出多个错误，直到绑定变为true或false：

[Vue warn]: Error in render: "TypeError: Cannot read property 'startSync' of undefined"
TypeError: Cannot read property 'startSync' of undefined
[Vue warn]: Error in render: "TypeError: Cannot read property 'startSync' of undefined"
TypeError: Cannot read property 'startSync' of undefined
[Vue warn]: Error in render: "TypeError: Cannot read property 'startSync' of undefined"
TypeError: Cannot read property 'startSync' of undefined

到目前为止，我的解决方案是从vuex内部返回这样的getter，但这对我来说确实不合适

return check[0] == undefined ? false : check[0].startSync

在使用Firebase和vuexfire时，这是返回事物的正确方法吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

firebasefirebasejavascriptvue.jsvuexfire