[Vue.js] 암호 입력 표시/숨기기

2216 단어 Vue.js
메모

프레젠테이션



코드

해설


리본에서 를 클릭합니다.
데이터 속성 로고를 전환하는 이벤트를 설정합니다.
<span :class="iconType" @click="onClick"></span>

methods: {
  onClick: function() {
    this.isChecked = !this.isChecked;
  }
}
계산 속성에서 input의 type을 전환합니다.
 <input :type="inputType" id="password" class="input">

  computed: {
    inputType: function () {
      return this.isChecked ? "text" : "password";
    },
  }
더 좋은 방법을 아는 사람이 있으면 저에게 알려주세요.
CSS SVG 별점 ⭐️
정렬 그룹에서 숫자 찾기 - 2분법

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage