素材巴巴 > 程序开发 >

vue swiper——使用方法实现可控制的自动轮播

程序开发 2023-09-11 06:48:56

使用方法实现可控制的自动轮播

实现功能

使用这个控件控制swiper的自动轮播
在这里插入图片描述

实现思路

swiper官网列出了swiper方法:
在这里插入图片描述
可以使用vue监听器监听是否勾选自动轮播这个按钮

实现代码

  watch: {isAutoChange(val) {if (val) {this.swiper.startAutoplay();} else {this.swiper.stopAutoplay();}}},
 

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。