swiper组件的autoplay属性设置成false不生效，并且默认swiper会自动轮播
锦鲤丶接单丶
- 发布：2024-03-27 14:59
- 更新：2024-03-27 16:13
- 阅读：239
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.99
第三方开发者工具版本号： 1.0.6
基础库版本号： 3.3.5
项目创建方式： HBuilderX
操作步骤：
预期结果：
swiper组件的autoplay属性设置成false不生效，并且默认swiper会自动轮播
swiper组件的autoplay属性设置成false不生效，并且默认swiper会自动轮播
实际结果：
swiper组件的autoplay属性设置成false不生效，并且默认swiper会自动轮播
swiper组件的autoplay属性设置成false不生效，并且默认swiper会自动轮播
bug描述：
swiper组件的autoplay属性设置成false不生效，并且默认swiper会自动轮播
套马杆的套子 - 没有解决不了的问题，只有解决不完的问题
重新创建的项目，vue3，直接给官方的代码拿过来了，试了下，没发现你说的问题，设置成false后，interval也是用的变量的方式，默认打开后不会自动轮播
<template>
<view class="content">
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="false" :interval="interval"
:duration="duration">
<swiper-item>
<view class="swiper-item uni-bg-red">A</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-green">B</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-blue">C</view>
</swiper-item>
</swiper>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
background: ['color1', 'color2', 'color3'],
indicatorDots: true,
autoplay: true,
interval: 2000,
duration: 500
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
.uni-margin-wrap {
width: 690rpx;
width: 100%;
}
.swiper {
height: 300rpx;
}
.swiper-item {
display: block;
height: 300rpx;
line-height: 300rpx;
text-align: center;
}
.swiper-list {
margin-top: 40rpx;
margin-bottom: 0;
}
.uni-common-mt {
margin-top: 60rpx;
position: relative;
}
.info {
position: absolute;
right: 20rpx;
}
.uni-padding-wrap {
width: 550rpx;
padding: 0 100rpx;
}
</style>
