<template> <view> <swiper:indicator-dots="indicatorDots":autoplay="autoplay":interval="interval":duration="duration"> <swiper-itemv-for="item in itemList":key="item"> <text>{{item}}</text> </swiper-item> </swiper> <button@tap="changeIndicatorDots"> indicator-dots </button> <button@tap="changeAutoplay"> autoplay </button> <slider@change="intervalChange"show-valuemin="500"max="2000"/> interval
<slider@change="durationChange"show-valuemin="1000"max="10000"/> duration
</view></template>
export default { data: { itemList: [ 'item1', 'item2', 'item3' ], indicatorDots: false, autoplay: false, interval: 5000, duration: 1000 }, methods: { changeIndicatorDots: function (e) { this.indicatorDots = !this.indicatorDots
}, changeAutoplay: function (e) { this.autoplay = !this.autoplay
}, intervalChange: function (e) { this.interval = e.detail.value
}, durationChange: function (e) { this.duration = e.detail.value
} }}
网友评论