如何在其他模块的状态中访问状态(vuex)?

j13ufse2  于 2022-11-25  发布在  Vue.js
关注(0)|答案(1)|浏览(141)

我有两个模块。
module1.js

export default {
  state: () => ({
    array: [
      {
        property: value
      }
    ]
  })
}

module2.js

export default {
  state: () => ({
    array: [
      {
        property: structuredClone(this.$store.state.module1.array[0])
      }
    ]
  })
}

我想从一个模块的状态中访问另一个模块的状态。怎么做?
尝试在状态中使用上下文(当然不起作用)。我的代码生成了一个错误($store未定义)

x8diyxa7

x8diyxa71#

我不认为你可以这样做,但是你可以使用getter,因为它可以让你访问根状态。

// module 1
export default {
  state: {
    array: [
      {
        property: value
      }
    ]
  }
}

// module 2
export default {
  getters: {
    myGetter(state, getters, rootState) {
      console.log(rootState.module1.array[0]);
    }
  }
}

相关问题