Bootstrap

swiper 指令左右按钮生效

版本:
[email protected]
[email protected]

关键方法:

this.mySwiper.slidePrev();
this.mySwiper.slideNext();

swiper:

<div  v-swiper:mySwiper="swiperOption" class="swiper-container">

全文如下:

	<div v-swiper:mySwiper="swiperOption" class="swiper-container">
				<div class="parallax-bg"  style="background: url(../static/Black.png)  no-repeat;" data-swiper-parallax="-23%"></div>
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="title" data-swiper-parallax="-300">Slide 1</div>
						<div class="subtitle" data-swiper-parallax="-200">Subtitle</div>
						<div class="text" data-swiper-parallax="-100">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum mattis velit, sit amet faucibus
								felis iaculis nec. Nulla laoreet justo vitae porttitor porttitor. Suspendisse in sem justo. Integer laoreet
								magna nec elit suscipit, ac laoreet nibh euismod. Aliquam hendrerit lorem at elit facilisis rutrum. Ut at
								ullamcorper velit. Nulla ligula nisi, imperdiet ut lacinia nec, tincidunt ut libero. Aenean feugiat non eros
								quis feugiat.</p>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="title" data-swiper-parallax="-300" data-swiper-parallax-opacity="0">Slide 2</div>
						<div class="subtitle" data-swiper-parallax="-200">Subtitle</div>
						<div class="text" data-swiper-parallax="-100">
				
;