Vue - Firebase 更新但 switch 没有

Question

此代码将 firebase 房间更新为繁忙，但如果我打开另一个浏览器窗口到同一页面，它不是反应式的。所以我在一个浏览器中切换为 true，但在另一个浏览器中它不会更新为 true，即使数据库更新了。

此代码将 firebase 房间更新为繁忙，但如果我打开另一个浏览器窗口到同一页面，它不是反应式的。所以我在一个浏览器中切换为 true，但在另一个浏览器中它不会更新为 true，即使数据库更新了。

<template v-for="room in getAllRooms">
...
  <v-list-tile-action>
     <v-switch v-model="room.busy" @change="updateBusyRoom(room)" hide-details></v-switch>
  </v-list-tile-action>
...
</template>

export default {
    name: 'about',
    methods: {
      ...mapActions([
        'updateBusyRoom'
      ])
    },
    computed: {
      ...mapGetters([
        'getUserName',
        'getUser',
        'getUserRooms',
        'getAllRooms'
      ])
    }
}

我认为 room.busy 的 v-model 以及 getAllRooms 的计算 getter 足以让它自动更新。计算属性不监视存储的更改然后自动更新内容吗？如何正确绑定此开关，以便在其他浏览器中当数据库更改时更新该开关？

Answer 1

我最终使用了vuexfire。我能够在没有 vuex 的情况下正确绑定东西，但现在我已经实现了 vuex 存储，同样的方法不起作用。