비동기 데이터 - nuxtjs에서 컴포넌트 메서드에 액세스합니다.

비동기 데이터 - nuxtjs에서 컴포넌트 메서드에 액세스합니다.

nuxtjs를 사용하고 있는데, 비동기 데이터 기능에서 컴포넌트 메서드에 액세스할 수 있는지 알아보려고 합니다.

예를 들어 다음과 같은 작업을 수행합니다.

methods: {
    parseResult(data) {
        // do somthing with data...
    }
},

async asyncData({ app }) {
    const { data } = await app.$axios.get('/some/api')
    return app.parseResult(data)
},

그럴수는 없어요.서류에 나와 있어요

구성 요소를 시작하기 전에 호출되므로 이 내부 비동기 데이터를 통해 구성 요소 인스턴스에 액세스할 수 없습니다.

vuex 스토어로 메서드를 이동하여 비동기 데이터로부터 호출할 수 있습니다.

코멘트에서 프레드리벳이 지적한 바와 같이 해석 함수를 내보내기 기본값영역 밖으로 이동하여 비동기 데이터 내에서 사용할 수 있습니다.일반 js 함수입니다.

<script>

let parseResult = (data) => {
        // do somthing with data...
    }

export default {
  async asyncData({ app }) {
    const { data } = await app.$axios.get('/some/api')
    return parseResult(data)
  },
}

</script>

언급URL : https://stackoverflow.com/questions/52044427/access-component-methods-from-asyncdata-nuxtjs