메서드 내에서 가져 오기 및 호출 기능이 작동하지 않음

trig79

NASA 이미지 API를 호출하고 화면에 표시하는 작은 VueJs 앱을 만들고 있습니다.

헤더 구성 요소 (아래)에 검색 표시 줄이 있습니다. 클릭하면 다른 파일에 정의 된 Axios 메서드가 호출됩니다. 문서에서 함수를 구성 요소로 가져 오면 '방법'에서 정의해야한다는 것을 문서에서 이해했습니다. 그러나 검색을 클릭하면 콘솔에 아무것도 표시되지 않습니까?

참고 : NASA에 대한 호출은 테스트를 거쳤으며 구성 요소에 포함 할 때 작동합니다. 나는 그것을 다른 곳에서 사용하지 않을 것이므로 구성 요소에 남겨 두어야하는지 질문을합니다.

그러나 여전히 문제의 논리를 이해하고 싶습니다.

구성 요소 코드 :

<template>
  <div>
    <h1>Nasa Image Search</h1>

    <div class="search-container">
      <form action="/action_page.php">
        <input type="text" placeholder="Search.." name="search" />
        <button v-on:click="search" type="submit">Search</button>
      </form>
    </div>
  </div>
</template>

<script>
import nasa from '../apiCall'

export default {
  name: 'Header',
  methods: {
    search : function(){
      nasa
    }
  }
}
</script>

Axios 함수 호출 :

import axios from 'axios'

const nasa = () => {
  var url = `https://images-api.nasa.gov/search?q=apollo-13&media_type=image`
  console.log(url) //bug testing

  axios
    .get(url)
    .then(function(response) {
      // handle success
      console.log(response)
    })
    .catch(function(error) {
      // handle error
      console.error(error)
    })
}

export default { nasa }

기본 내보내기는 실제로 다음과 같은 함수 속성이있는 개체입니다.

{
  nasa: () => { ... }
}

개체를 가져올 때 이름을 지정 nasa하므로 실제로 다음과 같은 함수를 호출해야합니다.

nasa.nasa()

함수를 내보내려고 할 수 있으므로 가져 오기를 그대로두고 내보내기를 다음과 같이 변경하십시오.

export default nasa;  // no brackets

구성 요소에서이를 메서드에 포함 할 필요가 없습니다. 메서드에 직접 설정할 수 있습니다 search.

methods: {
  search: nasa
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

iPad에서 월 가져 오기 기능이 작동하지 않음

분류에서Dev

axios 호출에서 redux 기능 후 코드가 작동하지 않음

분류에서Dev

웹 페이지에서 Google지도 기능 호출이 작동하지 않음

분류에서Dev

가져 오기에서 Linux에서 작동하지 않음

분류에서Dev

WordPress에서 작동하지 않는 PHP 가져 오기 기능

분류에서Dev

Jquery 숨기기 및 표시가 호버에서 작동하지 않음

분류에서Dev

작업 대기열을 통해 호출 될 때 메서드 이름 및 매개 변수 가져 오기

분류에서Dev

cudaMalloc 및 cudaMemcpy가 커널 호출에서 작동하지 않음

분류에서Dev

사용자 지정 사이트 설정 부분에서 호출되지 않는 메서드 가져 오기 / 내보내기

분류에서Dev

ReactJS 가져 오기가 빈 웹 페이지에서 작동하지 않음

분류에서Dev

JDT 및 AST를 사용하여 중첩 된 메서드 호출에서 유형 가져 오기

분류에서Dev

'Return'메소드가 보호 된 기능에서 작동하지 않습니다.

분류에서Dev

이미 만들어진 인스턴스 및 호출 메서드 가져 오기

분류에서Dev

데이터 속성에서 값 가져 오기가 작동하지 않음

분류에서Dev

웹 API에서 작동하지 않는 메소드 가져 오기

분류에서Dev

내 Razor보기에서 ajax 호출 후 jquery가 작동하지 않습니까?

분류에서Dev

FF 및 Chrome에서 작동하지 않는 외부 도메인에서 * .js 가져 오기

분류에서Dev

GDB break ptrace 및 기타 API 호출이 OS X Mavericks에서 작동하지 않음

분류에서Dev

useEffect () 호출시 Redux 작업 (db에서 가져 오기)이 실행되지 않음

분류에서Dev

IE에서 SceneJS 가져 오기 모델이 작동하지 않음

분류에서Dev

NSTask가 작동하지 않는 찾기에서 perl 및 파이핑을 호출합니다.

분류에서Dev

내 Redux 설정에서 감속기가 호출되지 않음

분류에서Dev

UIBarButtonItem 선택기 내에서 prepareForSegue가 호출되지 않음

분류에서Dev

Perl에서 내 보낸 기능이 작동하지 않음

분류에서Dev

재정의되지 않은 기본 클래스 메서드를 호출하도록 Moq 가져 오기

분류에서Dev

Outlook 추가 기능 및 타사 로그인 화면이 Safari에서 작동하지 않음

분류에서Dev

동적 요소 (백본)에서 Ajax 호출 후 클릭 기능이 작동하지 않음

분류에서Dev

AJAX 호출 및 Node에서 리턴 데이터 가져 오기

분류에서Dev

Django REST Framework-업데이트보기 메서드가 호출되지 않음

Related 관련 기사

  1. 1

    iPad에서 월 가져 오기 기능이 작동하지 않음

  2. 2

    axios 호출에서 redux 기능 후 코드가 작동하지 않음

  3. 3

    웹 페이지에서 Google지도 기능 호출이 작동하지 않음

  4. 4

    가져 오기에서 Linux에서 작동하지 않음

  5. 5

    WordPress에서 작동하지 않는 PHP 가져 오기 기능

  6. 6

    Jquery 숨기기 및 표시가 호버에서 작동하지 않음

  7. 7

    작업 대기열을 통해 호출 될 때 메서드 이름 및 매개 변수 가져 오기

  8. 8

    cudaMalloc 및 cudaMemcpy가 커널 호출에서 작동하지 않음

  9. 9

    사용자 지정 사이트 설정 부분에서 호출되지 않는 메서드 가져 오기 / 내보내기

  10. 10

    ReactJS 가져 오기가 빈 웹 페이지에서 작동하지 않음

  11. 11

    JDT 및 AST를 사용하여 중첩 된 메서드 호출에서 유형 가져 오기

  12. 12

    'Return'메소드가 보호 된 기능에서 작동하지 않습니다.

  13. 13

    이미 만들어진 인스턴스 및 호출 메서드 가져 오기

  14. 14

    데이터 속성에서 값 가져 오기가 작동하지 않음

  15. 15

    웹 API에서 작동하지 않는 메소드 가져 오기

  16. 16

    내 Razor보기에서 ajax 호출 후 jquery가 작동하지 않습니까?

  17. 17

    FF 및 Chrome에서 작동하지 않는 외부 도메인에서 * .js 가져 오기

  18. 18

    GDB break ptrace 및 기타 API 호출이 OS X Mavericks에서 작동하지 않음

  19. 19

    useEffect () 호출시 Redux 작업 (db에서 가져 오기)이 실행되지 않음

  20. 20

    IE에서 SceneJS 가져 오기 모델이 작동하지 않음

  21. 21

    NSTask가 작동하지 않는 찾기에서 perl 및 파이핑을 호출합니다.

  22. 22

    내 Redux 설정에서 감속기가 호출되지 않음

  23. 23

    UIBarButtonItem 선택기 내에서 prepareForSegue가 호출되지 않음

  24. 24

    Perl에서 내 보낸 기능이 작동하지 않음

  25. 25

    재정의되지 않은 기본 클래스 메서드를 호출하도록 Moq 가져 오기

  26. 26

    Outlook 추가 기능 및 타사 로그인 화면이 Safari에서 작동하지 않음

  27. 27

    동적 요소 (백본)에서 Ajax 호출 후 클릭 기능이 작동하지 않음

  28. 28

    AJAX 호출 및 Node에서 리턴 데이터 가져 오기

  29. 29

    Django REST Framework-업데이트보기 메서드가 호출되지 않음

뜨겁다태그

보관