source

Vuetify 필드에 비밀번호 문자 숨기기

goodcode 2022. 7. 23. 14:15
반응형

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

반응형