小开

最佳答案

Vuex 存储变异方法不提供对 getter 的直接访问。

这可能是不好的做法 * ，但是你可以传递一个对 getters的引用，如下所示:

actions: {
fooAction({commit, getters}, data) {
commit('FOO_MUTATION', {data, getters})
}
},
mutations: {
FOO_MUTATION(state, {data, getters}) {
console.log(getters);
}
}

* 最佳做法是尽可能简单地保持突变，只直接影响 Vuex 状态。这使得推断状态变化更加容易，而不必考虑任何副作用。现在，如果您遵循最佳实践来处理 vuex getter，那么它们首先应该不会产生任何副作用。但是，任何需要引用 getter 的逻辑都可以在操作中运行，该操作具有对 getter 和 state 的读访问权限。然后逻辑的输出可以传递给突变。所以，你把可以对 getters对象的引用传递给突变体，但是没有必要这样做，这会把水搅浑。

小开

如果你把你的 getter 和变异放在不同的模块中，你可以导入变异中的 getter，然后这样做:

import getters from './getters'


askQuestion(state) {
const question = getters.getQuestion(state)
// etc
}

小开

如果将 Store 声明为表达式，还可以在变异中引用 Store 对象，如下所示:

const Store = new Vuex.Store({
state: {...},
getters: {...},
mutations: {
myMutation(state, payload) {
//use the getter
Store.getters.getter
}
}
});

小开

另一种解决方案是导入现有存储。假设您正在使用模块，并且您的模块名为 foo，您的 mutator 文件将类似于下面的 store/foo/mutations.js:

import index from '../index'
export const askQuestion = (state, obj) => {
let store = index()
let getQuestion = store.getters['foo/getQuestion']
}

我不是说这是最好的练习，但它似乎是工作。

小开

如果有人正在寻找一个简单的解决方案,@bbugh 写出了一种绕过这个给你的方法，只需让突变和 getter 使用相同的函数:

function is_product_in_cart (state, product) {
return state.cart.products.indexOf(product) > -1
}


export default {
mutations: {
add_product_to_cart: function (state, product) {
if (is_product_in_cart(state, product)) {
return
}
state.cart.products.push(product)
}
},


getters: {
is_product_in_cart: (state) => (product) => is_product_in_cart(state, product)
}
}

小开

烦人四

const state = () => ({
some_state: 1
})


const getters = {
some_getter: state => state.some_state + 1
}


const mutations = {
GET_GETTER(state){
return getters.some_getter(state)
}
}

在你身体的某个部分

store.commit('GET_GETTER') // output: 2

访问 Vuex 突变中的 getter

烦人四