Vue, HTML의 문자열 리터럴이 있는 클래스

Question

잘못된 비밀번호로 로그인하기 위해 버튼을 눌렀을 때 사용자가 여전히 잘못된 비밀번호를 입력했는지 알 수 없기 때문에 UI에 알림 팝업이 하나가 아닌 여러 개 표시되었으면 좋겠습니다.

그래서 카운터와 문자열 리터럴을 이렇게 사용합니다

으아아아

이건 작동하지 않습니다. 다른 아이디어가 있나요?

Answer 1

클래스를 바인딩할 수 있습니다 -> :class="'mt-${i}'" tildas `는 ${i} 주위에만 있어야 하며 전체 이름 'mt-yourcode' 주위에 아포스트로피를 사용해야 합니다

Answer 2

이렇게 하면 됩니다:

으아악

이 예시 보기