如何从模块 vuex 访问 getter

大佬教程收集整理的这篇文章主要介绍了如何从模块 vuex 访问 getter，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何从模块 vuex 访问 getter？

我在 vuex 中创建了模块，但是如何访问计算中的 getter 呢？ 这是产品模板

<template>
    <ul>
        <li v-for="item in productAll" :key="item._ID">
            <p>Hello word</p>
        </li>
    </ul>
</template>

<script>
export default {
    
    computed:{
        productAll(){
            return this.$store.getters.productAll
        }
    },}
</script>

这是我的商店

const productModule = {
  state: () => ({
    product: [

    ]
  }),getters:{
    productAll(context){
      return [
        "123","456"
      ]
      // return state.product.data
    }
  },}

export const store = new Vuex.Store({
  modules: {
    productModule
  },}

我只在“store.getters.productAll”中返回数组 123 345，如果我将数组 123 345 放入计算它正在工作，将显示 Hello word 2 次，但是为什么当我放入 store 模块时它不起作用？

解决方法

(state,getters,rootState,rootGetters)

getters: {
  productAll(statE) {
    return state.product.data
  }
}

大佬总结

以上是大佬教程为你收集整理的如何从模块 vuex 访问 getter全部内容，希望文章能够帮你解决如何从模块 vuex 访问 getter所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。