찾다

 >  Q&A  >  본문

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

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

으아아아

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

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

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

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

건배

P粉360266095P粉360266095404일 전1094

모든 응답(3)나는 대답할 것이다

  • P粉180844619

    P粉1808446192023-11-14 00:30:04

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

    회신하다
    0
  • P粉828463673

    P粉8284636732023-11-14 00:15:17

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

    기본 예시입니다

    으아아아 으아아아

    회신하다
    0
  • 尊渡假赌尊渡假赌尊渡假赌

    尊渡假赌尊渡假赌尊渡假赌2023-11-20 15:25:48

    . . . . 테스트

    회신하다
    0
  • 취소회신하다