요청 및 사용자 입력 대기: 환자 기대치에 대한 안내

Question

구성요소가 로드될 때 비동기 요청을 한다고 가정해 보겠습니다. 구성 요소에는 사용자가 원래 요청의 결과에 따라 기능을 트리거하기 위해 누를 수 있는 제출 버튼도 있습니다. 비동기 요청이 완료될 때까지 트리거된 함수의 실행을 어떻게 지연할 수 있나요?

이 말이 이해되지 않는다면 예를 들어 보겠습니다. MyComponent 在 mounted 上发出异步请求 getRandomColor()。 MyComponent 的模板有 <button @click="handleClick">。 handleClick 调用一些函数 saveColor()。如何确保在异步 getRandomColor() 完成之前不会调用 saveColor()?

현재 Vue.js를 사용하고 있는데 이 질문은 모든 자바스크립트에 적용되는 질문인 것 같습니다.

Answer 1

버튼 요소에 :disabled 属性来实现此目的。 :disabled를 추가하면 응답에 따른 값을 만들 수 있습니다. 즉, 응답이 있으면 활성화하고 그렇지 않으면 비활성화합니다.

작업 데모:

으아아아 으아아아