Vue 3 Composition API - 모든 조건이 충족될 때까지 양식 제출 버튼을 비활성화합니다.

Question

모든 입력 필드가 채워지고 오류가 없을 때까지 양식 제출 버튼을 비활성화하고 싶습니다.

으아아아

버튼은 기본적으로 비활성화되어 있지만 이미 언급된 조건이 충족되면 자체적으로 "활성화"되지는 않습니다.

지금까지 나는 보조 수명 주기 후크 nextTick()를 사용하고 있는데 이 경우에는 확실히 도움이 되지 않습니다.

"비활성화됨" 상태는 콘솔에서 업데이트되지만 DOM에서는 업데이트되지 않습니다.

이 문제를 어떻게 해결할 수 있나요?

건배

Answer 1

이벤트를 듣고 버튼 비활성화 상태를 변경하려면 v-model、compulated或@input를 사용해야 할 수도 있습니다.

Answer 2

가장 간단한 해결책은 计算 값을 사용하여 버튼의 비활성화 상태를 설정하는 것입니다. 입력 값에 따라 비어 있는 경우 버튼이 비활성화됩니다.

기본 예시입니다

으아아아 으아아아

Answer 3

. . . . 테스트