728x90
반응형
- [ 언어·프레임워크/Vue.js ][Vue.js] a 태그에 href, @click 각각 사용시 Carousel 슬라이드 작동 문제2022-12-29 15:17:58a 태그에 @click를 적용하여 Carousel을 사용한 페이지로 이동하였는데 Carousel 슬라이드가 작동하지 않는 문제가 생겼다. 해당 페이지의 주소창에서 엔터키를 치면 정상적으로 작동하는 것으로 보아 Carousel의 문제는 아닌 듯했다. 그래서 a 태그에 @click 대신 href에 해당 페이지의 라우터를 넣어주었다. 그랬더니 페이지 이동 즉시 Carousel의 슬라이드가 작동했다. Carousel은 아래의 부트스트랩을 사용했다. https://getbootstrap.com/docs/5.3/components/carousel/ Carousel A slideshow component for cycling through elements—images or slides of text—like a ca..
- [ 언어·프레임워크/Vue.js ][Vue.js][문제해결] @click 이벤트에서 함수 호출 시 () 유무로 인한 문제2022-04-26 01:06:21openModal()이라는 모달 창을 정의하고 생성, 수정 버튼에서 함께 이용하고자 하였다. 이 모달 창은 id가 undefined인 경우에는 생성 버튼, id가 존재하는 경우에는 수정 버튼으로 작동한다. 그런데 생성 버튼 클릭 시 [그림 1]과 같은 에러가 발생하였다. // 생성, 수정 버튼에서 이 모달창을 사용하도록 하였다. openModal(id) { // id가 undefined인 경우에는 생성 버튼 if (id === undefined) { this.selectedItem = { product_category_id: -1, category_name: '', category_description: '' } // id가 존재하는 경우에는 수정 버튼 } else { this.selectedItem =..
728x90
반응형