nuxtjs로 하위 상태를 매핑하는 방법

nuxtjs로 하위 상태를 매핑하는 방법

주/store/modules/general/index.js를 생성함

get_info와 get_pages Actions가 있다.

상태 정보 및 페이지,

사용할 때

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

작동은 좋지만, 접속을 시도했을 때론

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

정의되지 않은 반환

사용할 때

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

이것은 나의 모든 변전소 도움들을 돌려준다.

두 가지 정보, 페이지 상태, 예를 들어,

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
  })
},

바인딩 도움말 이름 공간 참조

다음 코드는 매장에 있는 모든 주 대신, 당신이 실제로 원하는 주만 얻을 수 있도록 도와줄 것이다.

이 접근법에서, 그것은 당신이 당신의 능력을 가져야 한다는 것을 의미한다.store이미 부에 붙어있지만, 지금 보여드리는 코드로는 이미 가지고 있는 것 같아.

교환해야 할 수도 있다.'general'와 함께'modules/general'

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

참조URL: https://stackoverflow.com/questions/59422074/how-to-map-sub-state-in-nuxtjs