Vuejs/Laravel 뷰에서 async/await 함수 사용 살펴보기

Question

안녕하세요. 비동기 기능을 사용하여 컨트롤러에서 정보를 얻으려고 합니다. 컴포넌트에서 이 작업을 수행합니다.

Mounted()에 대한 비슷한 답변을 봤기 때문에 매개변수를 보내야 하는데 함수에 매개변수를 보내지 않아서 매개변수를 추가하지 않으면 작동하지 않습니다.

보기 섹션:

으아아아

index+1 및 post2.branch_office_id라는 두 매개변수를 함수에 전달해야 합니다

그런 다음 메소드 섹션에서 이 작업을 수행합니다.

으아아아

작동합니다. 즉, console.log()를 사용하여 응답을 확인하면 값을 얻습니다. 나는 뷰에서 비동기 대기 함수를 사용할 수 없다는 것을 알고 있습니다. 그래서 다른 함수를 사용하여 이 함수를 내부에서 호출할 수 있지만 뷰에서 직접 사용하지 않는 이유는 모르겠습니다. 말한다:

으아아아

그럼 가치를 보여주지 않는데 왜 그런건지 알고 싶습니다. 코드에 어떤 문제가 있나요? 정말 도움이 필요해요. 감사합니다!

Answer 1

data 속성을 사용하여 응답을 저장할 수 있습니다. 그런 다음 요청을 수행하기 위해 함수가 호출되고 데이터에 바인딩된 UI의 모든 항목이 그에 따라 업데이트됩니다.

빠진 부분은 .then(...)，它在 fetch 문서입니다.

예:

으아악

이제 UI에서 응답 반환이 완료되었는지 확인하고 v-if="response" 필요한 경우 표시합니다.