我的 Vuex 商店有一组数据,比如 1,000 条记录。有一个带有参数 getItem 的 getter,它获取一个 ID 并返回正确的记录。
我需要访问该 getter 的组件以了解数据何时准备就绪(当所有记录的异步获取完成时)。
然而,由于它是一个参数化的 getter,Vue 不会监视它所依赖的状态来知道何时更新它。我该怎么办?
我一直想恢复到我在 Angular 中经常使用的 BehaviorSubject 模式,但是 Vuex + rxJS 对此似乎很重,对吧?
我觉得我需要以某种方式发出一个触发器让吸气剂重新计算。
商店.js
import Vue from 'vue'
import Vuex from 'vuex'
import VueResource from 'vue-resource'
Vue.use(VueResource);
Vue.use(Vuex)
export default new Vuex.Store({
state: {
numberOfPosts : -1,
posts : {}, //dictionary keyed on slug
postsLoaded : false,
},
getters : {
postsLoaded : function(state){
return state.postsLoaded;
},
totalPosts : function(state){
return state.numberOfPosts;
},
post: function( state ){ …Run Code Online (Sandbox Code Playgroud)