주정뱅이 개발자

Vue-awesome-swiper

1. CDN 2. Options Option Name Value Description freeMode Boolean 슬라이드하듯이 자유로이 왓다갔다함 sliedsPerView int || auto 한페이지에서 보여줄 슬라이드 갯수 on tab || click || slideChange 탭 || 클릭 || 슬라이드 3번 설명 참조 navigation Object 네이게이션 설정 4번 설명 참조 centeredSlides Boolean Ative 상태의 슬라이더 중앙 배치 여부 3. on > click 에서 swiper를 잡아야하는 경우 swiper 태그에 ref 속성을 선언 character_swiper: { slidesPerView: 'auto' , speed : 500 , on : { click : f..

Event

1. HTML @click 이벤트에 click_wish 만 적고 뒤에 파라미터들이 없다면 자동으로 이벤트($event)를 전송 @click이벤트에 click_wish(a, $event) : 다른 파라미터도 전송할때는 $event를 직접 적어줘야 한다 2. Method target : 실제 이벤트가 발생한 곳 (ex. figure) currentTarget : 이벤트 리스너를 작성한 곳 (ex. button) click_wish : function (event) { console.log(event.target.tagName); console.log(event.currentTarget.tagName); }

배열 데이터 변경시 화면 갱신

데이터 변경 시 화면은 업데이트 되지 않지만, 데이터는 업데이트 되어있을때 1. 화면이 갱신 되지 않는 경우 인덱스로 배열에 있는 항목을 직접 설정하는 경우 배열 길이를 수정하는 경우 2. 강제 화면 갱신 this.$forceUpdate(); 허나 이 방법은 IOS에서 작동하지 않았다. 그래서 3번 방법을 추천한다. 3. Key 값 지정 이 방법은 key값 변경시 화면이 업데이트 된다. IOS에서도 잘 작동한다. {{item.cate_name}}