84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
질문은 vue에 작성되었습니다. 요청한 데이터가 없기 때문에 일부 가짜 데이터가 생성됩니다.
동적으로 생성된 img 태그입니다
그런 다음 페이지에서 사용하세요:
근데 크롬을 열어서 효과를 보니까 스와이프도 안되고 초기 사진만 보이더라구요
동적으로 생성된 img도 맞는데 구조는 아래와 같은데 왜 스와이프가 안되나요?
그리고 이상한 점은 질문자가 동적으로 생성된 img 태그를 3'
슬라이드 1
人生最曼妙的风景，竟是内心的淡定与从容！
이벤트가 바인딩되지 않을 수 있습니다. 마운트된 라이프 사이클에 새 swiper를 넣거나 vue-swiper를 사용하여 다른 사람이 이를 캡슐화할 수 있습니다
이유는 충분히 상세하지 않습니다. "동적 생성" 영역에 있을 수 있다고 추측할 수 있습니다. 이는 이벤트를 요소에 바인딩하고 동적으로 생성된 요소에 기존 메서드 ele.addEventListener를 따르면 실패하는 것과 같습니다.
원본 포스터에 쓰여진 코드에서 swiper-container가 반복적으로 사용되는 이유는 무엇인가요? ? ?
내가 쓴 내용을 알려드리겠습니다. 당신의 내용이 너무 불분명합니다.html
js:
swiper.update() 시도
원인은 swiper 초기화 위치가 잘못되었기 때문입니다. img 태그를 동적으로 생성하려면 vue를 사용하여 구성 요소를 작성해야 합니다. 이거
바운드 데이터 소스가 컴포넌트를 비동기식으로 생성하도록 변경되었으므로 스와이프를 초기화하는 작업은 컴포넌트가 로드된 후 라이프 사이클, 즉 Vue 객체의 마운트된 함수에서 실행되어야 합니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이벤트가 바인딩되지 않을 수 있습니다. 마운트된 라이프 사이클에 새 swiper를 넣거나 vue-swiper를 사용하여 다른 사람이 이를 캡슐화할 수 있습니다
이유는 충분히 상세하지 않습니다. "동적 생성" 영역에 있을 수 있다고 추측할 수 있습니다. 이는 이벤트를 요소에 바인딩하고 동적으로 생성된 요소에 기존 메서드 ele.addEventListener를 따르면 실패하는 것과 같습니다.
원본 포스터에 쓰여진 코드에서 swiper-container가 반복적으로 사용되는 이유는 무엇인가요? ? ?
내가 쓴 내용을 알려드리겠습니다. 당신의 내용이 너무 불분명합니다.
으아악html
js:
으아악swiper.update() 시도
원인은 swiper 초기화 위치가 잘못되었기 때문입니다. img 태그를 동적으로 생성하려면 vue를 사용하여 구성 요소를 작성해야 합니다. 이거
으아악바운드 데이터 소스가 컴포넌트를 비동기식으로 생성하도록 변경되었으므로 스와이프를 초기화하는 작업은 컴포넌트가 로드된 후 라이프 사이클, 즉 Vue 객체의 마운트된 함수에서 실행되어야 합니다