Vue 환경에서 아이디패스워드 자동저장시 입력폼이 막히는문제

Question

현재 Vue.js 로 로그인화면을 구현했습니다.로그인시 브라우저상에서 아이디패스워드 저장이 뜨잖아요?? 그거 저장후 다음에 로그인하면 그 정보가 입력되면서 아이디 패스워드 입력폼이 리드온리? 같은 상태가 됩니다.문제는 개발자도구로 html코드를 보면 해당 인풋박스들이 리드온리나 디스에이블 상태가 아니라는점입니다...구글링을 아무리해도 못찾겠어서 글남깁니다 ㅠ무엇이 문제일까요?

yeori · Answer

vue dev tool을 열어서 해당 컴포넌트의 상태를 살펴보세요(크롬 애드온임)

양군 · Answer

실제로 readony 상태가 아니라, 그렇게 보인다는거죠 ?그거는 저장된 아이디/비번을 input 에 넣고 컬러를 변경하는 브라우저 기본 동작 아닐까요 ?요거 한번 설정 해보시죠. (자동 입력된 input 색 변경)input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px white inset !important; }https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete

Vue 환경에서 아이디패스워드 자동저장시 입력폼이 막히는문제

2개의 답변

기술 목록