uniapp轮播

<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

        }    }}