小邹
小邹
  • 发布:2023-07-18 18:31
  • 更新:2024-03-01 01:51
  • 阅读:341

swiper circular动态改变时没有效果,只有写死时才可以禁掉连接滑动

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 12.6.7 (21G651)

HBuilderX类型: 正式

HBuilderX版本号: 3.8.3

浏览器平台: Chrome

浏览器版本: 114.0.5735.198

项目创建方式: HBuilderX

示例代码:

<template>

<swiper circular="swiperStatus" disable-touch="scale>1&&source == 'touch-out-of-bounds'?false:canLongpress" indicator-dots="false" autoplay="false"

current="renderCurrent" style="width:100%;height: 100%;"
@change="swiperChange"

<swiper-item :item-id="val.id" style="width:100%;height: 100%;" v-for="(val,key) in renderPhoto" :key="key">
</swiper-item>
</swiper>
</template>
<script>
export default {

computed:{
swiperStatus(){
if(this.currentIndex == (this.photoArr.length-1)){
// console.log("111111111");
return false;
} else if(this.currentIndex == 0){
// console.log("222222222");
return false;
}
// console.log("333333333");
return true
},
}
}
</script>

操作步骤:

从第一张开始滑动到指定条件再动态改掉 circular = false 发现滑动到最后一张,又可以承接回第一张

预期结果:

当 circular = false 时,滑动到最后一张不可以 承接滑动回第一张

实际结果:

当 circular = false 时,滑动到最后一张还是可以回滑动到第一张

bug描述:

swiper circular动态改变时没有效果,只有写死时才可以禁掉连接滑动

2023-07-18 18:31 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

轮播图里有计算 动态控制了transform 来移动的
如果动态设置circular的话 估计切换就有问题了 所以才不能动态设置

7***@qq.com

7***@qq.com

如果非要动态设置,在动画结束回调里面使用。@animationfinish

要回复问题请先登录注册