Nuxt - 글로벌 믹스인에서 Getter를 호출하는 방법

Nuxt - 글로벌 믹스인에서 Getter를 호출하는 방법

안녕하세요 여러분, 제가 작성한 믹스인 코드입니다.기본적으로 사용하고 싶기 때문입니다.오류와 오류입니다.vue 레이아웃2개의 레이아웃으로 코드가 중복되는 것을 피하려고 합니다.

export default {
  provide () {
    return {
      copyRight: this.getCopyrightText,
      email: this.getEmail,
      socials: this.getSocials
    }
  },
  computed: {
    getMenu () {
      return this.store.getters['general/getMenu'].menu
    },

    getSocials () {
      return this.store.getters['general/getSocialDetails']
    },

    getCopyrightText () {
      return this.store.getters['general/getCopyRight']
    },

    getEmail () {
      return this.store.getters['general/getEmail']
    }
  },
  middleware: 'load-menu-items'
}

다음과 같습니다. 정의되지 않은 속성 '길이'를 읽을 수 없습니다.

내가 뭘 잘못하고 있지?

당신의 컴포넌트에는.lengthgetter 메서드에서 수신한 데이터에 대해 설명합니다.이 경우 오류가 발생할 수 있습니다.

먼저 getter가 실제로 정상적으로 동작하고 있는지 여부를 디버깅해야 합니다.이를 통해 모든 getter 계산 속성에 대한 콘솔 출력을 확인합니다.한다면undefined콘솔로 출력됩니다.사용하고 있는 경우는, 에러가 표시됩니다..length하고 있다

getEmail () {
  let data = this.store.getters['general/getEmail'];
  console.log(data);
  return data;
}

이 믹스인을 사용하고 있는 컴포넌트를 투고해 주시면 제가 더 도와드릴 수 있을 것 같습니다.

언급URL : https://stackoverflow.com/questions/65670467/nuxt-how-to-call-a-getters-in-a-global-mixins