Я пытаюсь понять, как удалить прослушиватель снимков из моего хранилища vue3 / vuex. Я видел ответы на другие похожие вопросы и множество ссылок на документы Firestore, но я не могу понять, ГДЕ в магазине vuex, чтобы вызвать функцию unsubscribe (). Может ли кто-нибудь помочь с тем, где и как вызвать функцию unsubscribe () при использовании vuex?
У меня есть компонент, который вызывает функцию bindAccts () в магазине, которая затем выполняет фиксацию / мутацию и заполняет состояние моих учетных записей. Вот код, который у меня есть в моем файле магазина vuex:
import { createStore } from 'vuex'
import { db } from '../main'
export default createStore({
state() {
return { categories: [], accounts: [], transactions: [], count: 1 }
},
mutations: {
SET_ACCTS(state, data) {
state.accounts = data
},
},
actions: {
bindAccts({ commit }) {
this.unsubscribe = db
.collection('accounts')
.onSnapshot(function(querySnapshot) {
let accounts = []
querySnapshot.forEach(function(doc) {
accounts.push(doc.data())
})
commit('SET_ACCTS', accounts)
})
},
...
Внутри моего тестового компонента я вызываю bindAccts () вот так и просто быстро отображаю состояние учетных записей в пользовательском интерфейсе:
<template>
<button @click="bindAccts">Subscribe</button>
<button @click="unsubscribe">Unsubscribe</button>
<p>Accounts: {{ accounts }}</p>
</template>
<script>
import { mapActions, mapState } from 'vuex'
export default {
components: {},
data() {
return {}
},
computed: {
...mapState({ accounts: state => state.accounts })
},
methods: {
...mapActions(['bindAccts', 'unsubscribe'])
}
}
</script>
<style></style>
При этом я не могу найти функцию отказа от подписки.
