vue-awesome-swiper에서 외부 단추를 누르면 그림이 다음 장으로 전환됩니다
1496 단어 vue.js
created() {
var _this = this
_this.swiperOption={
pagination:{
el:'.swiper-pagination',
},
on: {
slideChangeTransitionEnd: function(){
_this.swiperids=this.activeIndex
console.log(_this.swiperids)
if(_this.swiperids==0){
_this.ispost=true
_this.iscurriculum=false
}
if(_this.swiperids==1){
_this.ispost=false
_this.iscurriculum=true
}
},
},
}
}
제 swiper는 이렇게 밝혔어요.
그리고 지금 밑에 있는 단추를 누르면 swiper의 그림을 다음 사진으로 전환할 수 있도록 하는 수요가 있습니다. 인터넷에서 본 방법은 먼저 적어 두세요.
<swiper :options="swiperOption" ref="demoSwiper" >
주로 이ref (명칭은 마음대로 함) 다음은 터치 터치 전환 이벤트입니다.
jump_ce1(){
//
document.body.scrollTop = document.documentElement.scrollTop = 0
//
this.$refs.demoSwiper.swiper.slideNext()
//
this.$refs.demoSwiper.swiper.slidePrev();
},
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[백견불여일타/Vue.js] 4장 - 입력 폼 데이터 가져오기v-model 데이터 입력 select 지난 장에서는 v-bind를 이용해서 HTML 태그 속성 값을 Vue로 다루는 법을 배웠습니다. 이번에는 사용자가 입력한 데이터를 Vue로 가져오는 법에 대해 다룹니다. 웹 페...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
