코딩의숲

  • 홈
  • 태그
  • 방명록

class바인딩 1

[vue3/composition API] :class로 event.target 대체하기

버튼을 클릭 했을 때, 배경색상이 바뀌도록 하고 싶다. 아마 버튼을 클릭 했을 때, class를 추가해달라고 부탁할 것이고, class가 추가되면 css 가 변경되는 방식으로 코딩 했을 것이다. 기존의 방식은 '클릭한 걔'에 초점을 맞추어 이벤트를 감지하도록 하는 것이었다. 예시 코드는 이렇다. **템플릿** 초록으로 핑크로 초록으로 핑크로 초록으로 핑크로 ** js(script setup) ** const test = (index, event) => { event.target.closest('.static').classList.add('active'); } const cancel = (index, event) => { event.target.closest('.static').classList.remov..

frontend/Vue.js 2023.08.03
이전
1
다음
더보기
프로필사진

코딩의숲

.

  • 분류 전체보기
    • frontend
      • html, css
      • javaScript
      • Vue.js
      • react.js
      • mobile
    • backend
      • java
      • database
    • docker
    • tool (git, vscode, IntelliJ..
    • 독서,강의,시험 등
    • 회고, 개발문화 등

Tag

filter, 알고리즘, compositionAPI, 홈스크린위젯, scss, docker, Android, 프로그래머스, javascript, vue.js, Flutter, gitlabrunner, xml, 프론트엔드, js, vue3, 코딩테스트, Sass, DART, ES6,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바