반응형
Vuetify 필드에 비밀번호 문자 숨기기
vuetify의 패스워드 필드는 다음과 같습니다.
<v-text-field
label="Password"
v-model="password"
required
></v-text-field>
그러나 텍스트를 입력하면 *****가 아닌 클리어입니다.
사용자가 입력할 때 사용자가 입력한 내용이 아닌 ******만 표시되도록 비밀번호 텍스트 필드를 만드는 방법.
안부 전해 주세요
를 추가합니다.type="'password'"
입력 컴포넌트로 이동합니다.
<v-text-field
type="password"
></v-text-field>
비밀번호 필드 속성을 확인할 수 있습니다.
<v-text-field type="password"></v-text-field>
나는 받아들여진 대답을 시도해 보았지만 소용없었다.형식 속성을 바인딩하지 마십시오.일반 입력 암호 필드로 사용합니다.
OP와 같은 문제가 발생하여 다음 기능을 사용(Vuetify v2.1.0 사용)
<v-text-field v-model="form.password" label="Password" type="password"></v-text-field>
언급URL : https://stackoverflow.com/questions/47832811/making-password-characters-hidden-in-vuetify-field
반응형
'source' 카테고리의 다른 글
파일명이 아닌 부모 디렉토리 이름만 언급하여 index.vue를 Import하는 방법 (0) | 2022.07.23 |
---|---|
C의 암묵적 함수 선언 (0) | 2022.07.23 |
구조 할당 또는 memcpy? (0) | 2022.07.23 |
컴파일러에서 8비트로 표시되는 부울 값.운영이 비효율적인가요? (0) | 2022.07.23 |
Java Key Store에 PEM Import (0) | 2022.07.23 |