Vue mapState 상태 이름 변경

Vue mapState 상태 이름 변경

계산 결과 추적하려는 "로드" 상태가 두 개 있습니다.이 구문을 사용하여 에일리어스를 다른 상태에 추가하는 방법이 있습니까?

  computed: {
    ...mapState('barcodes', ['barcodes', 'loading', 'pagination']),
    ...mapState('users', ['user', 'loading']), // add an alias for this "loading"
  }

mapState는 다음과 같은 오브젝트 방식을 지원했습니다. (1개의 필드에 대해서만 특정 에일리어스)

computed: {
  ...mapState('barcodes', {
    barcodesLoading: state => state.loading,
  })
}

또는 네임스페이스별: (모든 사용자 상태를 userData 네임스페이스로 랩하는 경우)

computed: {
  ...mapState({
      barcodeData: 'barcodes',
      userData: 'users'
  })
}

템플릿:

<div>{{barcodeData.loading}}</div>

참조용으로 다른 스레드가 있습니다.

vuex 이름에서 mapState가 여러 모듈로 증가함

지금은 확인할 수 없어서 잘 모르겠어요.그러나 AFAIK에서는 다음과 같이 시도해 보십시오.

computed: {
    ...mapState('barcodes', {barcodes:'barcodes', alias1:'loading', pagination:'pagination'}),
    ...mapState('users', {user:'user', alias2:'loading'}), // add an alias for this "loading"
  }

즉, 배열 대신 객체를 사용합니다.

언급URL : https://stackoverflow.com/questions/69704339/rename-vue-mapstate-state