개인코딩개발공장

  • 홈
  • 태그
  • 방명록

2023/03/20 1

vue / bootstrap carousel 자동넘기기 설정. $ref

# 문제점 carousel로 배너를 만들었는데, 다음버튼을 눌러야 그 후부터 auto slie가 되더라. 난 이 배너가 일정시간 간격으로 자동으로 사진이 넘어가면서 보이길 바란다. # 예상해결방법 화면이 렌더링된 후, 자동으로 다음버튼을 한번 클릭하게 하면 그 후로는 자동으로 carousel이 넘어갈것같다. # 방법 첫번째로 DOM요소를 js에서 컨트롤하기 위해서 가져와야한다. 여기서 버튼의 ref를 banner_next로 바꾸고 이 DOM을 methos에서 가져올것이다. methods: { click_next: function () { this.$refs.banner_next.click(); }, }, 순서대로 this.$refs.아까정한 ref이름. click() 이 메서드는 아까 정해놨던 넥스트버튼..

javaScript/vueJs 2023.03.20
1
더보기
프로필사진

지극히 이기적인 개발 블로그입니다. https://nurd.work/

  • 분류 전체보기 (308)
    • javaScript (94)
      • concept (4)
      • jsDeepDive (26)
      • vueJs (17)
      • react (10)
      • typeScript (5)
      • nodeJs (22)
      • error (6)
      • etc (4)
    • AWS (13)
      • concept (7)
      • etc (6)
    • k8s (46)
      • concept (23)
      • CKA (16)
      • docker (6)
      • etc (1)
    • network (6)
      • ciscoPacketTracer (3)
      • vyOS (3)
    • webStyling (9)
      • design (9)
    • security (3)
      • application (3)
    • database (15)
      • MYSQL (13)
      • mongoDB (0)
      • redis (0)
      • etc (2)
    • etc (19)
      • python (3)
      • devTools (6)
      • etcTools (10)
    • linux (11)
      • concept (5)
      • etc (6)
    • project (18)
      • teamProject (2)
      • selfProject (4)
      • miniCode (12)
    • git (20)
      • git (6)
      • gitAction (1)
      • etc (13)
    • personal (22)
      • dailyLife (19)
      • ponderings (3)
    • designTools (24)
      • illustrator (4)
      • photoshop (13)
      • afterEffects (1)
      • premierePro (6)

Tag

ㅗㄱ,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2023/03   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바