Question

此代码将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模型以及getAllRooms的计算出的getter足以让它自动更新。不计算属性会监视商店的更改，然后自动更新内容吗？如何正确绑定此开关，以便在其他浏览器中更改数据库时切换？

Answer 1

我最终使用vuexfire。我能够在没有vuex的情况下正确绑定事物，但是现在我已经实现了vuex存储，同样的方法也没有用。

Vue - Firebase更新，但切换不是

1 个答案: