vue.js/vue.js 기능
[vue.js] v-text-field 한글 입력 막기
이슈 이번 프로젝트에서 eye 아이콘을 클릭하면 type=text로 변경 되고 다시 클릭하면 type=password로 변경되는 영역이 있다. type=password일때는 한글입력이 안되지만 type=text일때는 한글입력이 된다. * 참고 url : vuetifyjs.com/en/components/text-fields/#password-input Text field component The text field component accepts textual input from users. vuetifyjs.com 이슈 - 소스 한글막기 테스트 이슈 - 테스트 해결 v-text-field 영역에 oninput를 이용하여 한글 입력시에 정규식을 이용하여 replace를 해준다. oninput="javas..
vue.js - vue-awesome-swiper loop options 오류 2탄
문제 - option : loop 시 복제되는 duplicate 영역 이슈 지난번 글 hjh0827.tistory.com/59 에서 사용했던 vue-awesome-swiper로 스와이퍼를 적용했는데 문제가 있었다. 문제1 - duplicate이 초기 slide 화면으로 노출되는 현상 해결법 - hjh0827.tistory.com/60 참고 문제2. duplicate에 click 이벤트가 적용 안되는 현상 해결법 - swiper 영역에 @click-slide 를 이용하여 duplicate 영역 click 이벤트 적용 소스 methods: { clickSlide(index, reallyIndex){ console.log('index : ' + index + ' : reallyIndex : ' + really..
vue.js - vue-awesome-swiper loop options 오류 및 해결 테스트
문제 지금 개발하는 고객 요청이 swiper에서 loop와 한화면에서 slide 개수 1.8개 노출이 있어서 지난번 글 hjh0827.tistory.com/59 에 추가로 해당 옵션을 적용하여 보았다. 그런데 해당 옵션을 적용하면서 vue.js의 특징과 swiper의 option이 문제가 생겼다. vue.js의 장점은 데이터 렌더링이다. 예전 jsp 시절 화면 진입전에 데이터를 controller에서 조회해서 html에 데이터 기반으로 그린후에 script 영역이 진행되는것이 아닌 html을 그린후에 axios등을 이용하여 데이터를 화면에 렌더링 하는 구조이다. 그런데 여기서 문제가 되는건 vue-awesome-swiper 에서 제공하는 loop option을 쓸때 해당 방식이 문제가 된다. swiper..