vue-awesome-swiper插件如何使用swiper原生的方法

前言：
vue-awesome-swiper是swiper在vue中可以使用npm安装的一个包工具，里面的配置及使用方法都和原生的swiper是一模一样的，完全可以按照官方api进行开发，今天主要是说一下在vue中如何使用原生提供的一些方法。

在vue中想要使用swiper的方法，直接调用是会报错的，因为获取不到swiper的原始对象，swiper是作为一个组件，然后引入到页面中的，所以我们想要使用它的原始方法，就需要使用vue中父组件调用子组件数据的方法（给子组件添加ref属性）

第一步，在swiper组件上添加ref属性

<swiper :options="mySwiperOptions" ref="mySwiper">
	<swiper-slide>
		内容
	</swiper-slide>
</swiper>

第二步，就可以在js中使用进行获取调用了

this.$refs.mySwiper.$swiper

后面的$swiper就已经是swiper的原始对象了，任何方法属性都可以直接调取到，完全按照官网的来就行，举个官网api的列子：

在官网中给出的api调取如下：

swiper.slideTo(5)

上面的方法在vue中这么写：

this.$refs.mySwiper.$swiper.slideTo(5)

其他方法同理。

感谢客官，对客官有帮助的求个赞！
感谢客官，对客官有帮助的求个赞！！
感谢客官，对客官有帮助的求个赞！！！