javascript - 如何在 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
  })
},

引用Binding-helpers-with-namespace