如何在 nuxtjs 中映射子状态

Question

我创建了一个状态~/store/modules/general/index.js

有get_info和get_pages操作，

状态信息和页面，

当我使用

...mapActions({
getInfo: 'modules/general/get_info'
getPages: 'modules/general/get_pages'
})

工作正常，但是当我尝试通过

...mapState({
Info: 'modules/general/info'
Pages: 'modules/general/pages'
})

返回未定义

当我使用

...mapState({
modules: 'modules'
})

这将返回我所有的子状态，请帮助

Answer 1

尝试为两个信息映射两次状态，页面状态如下，

computed: {
    ...mapState('modules/general/info', ['get_info']),
    ...mapState('modules/general/pages', ['get_pages']) 
}

另一种可以映射状态的方法，例如，

computed: {
  ...mapState('modules/general', {
    info: state => state.info,
    pages: state => state.pages
  })
},