모든 입력 필드가 채워지고 오류가 없을 때까지 양식 제출 버튼을 비활성화하고 싶습니다.
버튼은 기본적으로 비활성화되어 있지만 이미 언급된 조건이 충족되면 자체적으로 "활성화"되지는 않습니다.
지금까지 나는 보조 수명 주기 후크 nextTick()를 사용하고 있는데 이 경우에는 확실히 도움이 되지 않습니다.
nextTick()
"비활성화됨" 상태는 콘솔에서 업데이트되지만 DOM에서는 업데이트되지 않습니다.
이 문제를 어떻게 해결할 수 있나요?
건배
이벤트를 듣고 버튼 비활성화 상태를 변경하려면 v-model、compulated或@input를 사용해야 할 수도 있습니다.
v-model
compulated
@input
가장 간단한 해결책은 计算 값을 사용하여 버튼의 비활성화 상태를 설정하는 것입니다. 입력 값에 따라 비어 있는 경우 버튼이 비활성화됩니다.
计算
기본 예시입니다
. . . . 테스트
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이벤트를 듣고 버튼 비활성화 상태를 변경하려면
v-model、compulated或@input를 사용해야 할 수도 있습니다.가장 간단한 해결책은
计算값을 사용하여 버튼의 비활성화 상태를 설정하는 것입니다. 입력 값에 따라 비어 있는 경우 버튼이 비활성화됩니다.기본 예시입니다
. . . . 테스트