Nuxt.js에서 rootGetters를 사용하는 데 문제가 있습니다.

Nuxt.js에서 rootGetters를 사용하는 데 문제가 있습니다.

rootGetters나 데이터 타입의 문제라고 생각합니다.

// sheet.js

// character = Object
// number = 100

export const getters = {
  getNumber: state => {
    return Number(state.character.number); // its return 100
  }
};

getNumber를 preview.js로 호출했습니다.

// preview.js
export const state = () => ({
  dummy: 0
});


export const getters = {
  numberIs: (state, rootGetters) => {
    return Math.round(state.dummy + rootGetters["sheet/getNumber"]); // undefined
  }
};

numberIs return은 정의되지 않았습니다.내가 뭘 놓쳤지?

파라미터의 순서가 중요합니다.Vuex getter 시그니처는(state, getters, rootState, rootGetters)그래서 현재 당신이 생각하는 것은rootGetters사실 그냥getters.

https://vuex.vuejs.org/guide/modules.html#accessing-global-assets-in-namespaced-modules

컨텍스트 오브젝트 내에서 액션이 어떻게 전달되는지, 원하는 것을 선택하고 선택할 수 있기 때문에 약간 기만적입니다.여기서 rootGetters에 액세스하려면 4개의 파라미터를 사용해야 합니다(또는 인수에서 해석).

  numberIs: (state, _whatever, _idontcare, rootGetters) => {
    return Math.round(state.dummy + rootGetters["sheet/getNumber"]); 
  }

언급URL : https://stackoverflow.com/questions/63370968/i-have-a-problem-using-rootgetters-in-nuxt-js