개발공작소
728x90
반응형
article thumbnail
[Vue] v-for문 안에 있는 셀렉트박스 value값 추출 방법 (feat. JQuery)
FrontEnd/Vue 2021. 8. 4. 17:52

Vue를 이용하여 게시판을 만들고 있는데 다음과 같은 문제에 부딪혔다. v-for문내에서 셀렉트박스를 이용하여 value값을 추출하여 js로 보내야 하는데.. 지금 만들고 있는 게시판은 v-for문(1)안에 있는 셀렉트박스의 value값도 v-for문(2)을 이용하여 돌려주었고 등록 버튼은 v-for문(2)의 바깥에 있는 구조였다. 지금까지는 셀렉트박스를 그냥 검색창에서만 사용했기 때문에 v-for문을 돌린 적이 없었다. 그렇기 때문에 그냥 v-model을 태그에 넣어주고 Vue의 data에 선언만 해주면 간단히 셀렉트박스의 value값을 가져 올 수 있었다. 이렇게 v-for문이 아니라 그냥 하나의 셀렉트박스를 사용하면 v-model에 v-모델명(srhKeywordType)를 선언해주고 data 함수 ..

article thumbnail
이벤트(event) 정리
기타 2021. 7. 31. 18:03

이벤트(Event)란 "어떤 사건"을 의미한다. 어떠한 동작으로 인해 일어나는 사건이며 이벤트는 크게 다음과 같이 3개로 나뉜다. 1. event target 2. event type 3. event handler 다음 샘플 버튼을 통해 각 이벤트를 알아보겠다. 위의 이벤트 테스트 버튼은 클릭하면 '하하하' 라는 팝업창이 뜨는 단순한 코드이다. 여기에서 event target이란 실제로 클릭되어 이벤트가 발생하는 요소 이벤트 테스트이고, event type은 클릭으로 이벤트가 발생되었기 때문에 click Event이다. event handler는 이 이벤트로 인해 동작되는 코드인 alert("하하하"); 이다. 즉 event target은 실제 이벤트가 일어날 객체, event type은 이벤트의 종류 ..

728x90
반응형