微信小程序有关swiper组件的修改current的值

最新推荐文章于 2024-10-09 09:35:08 发布

xyl_hq

最新推荐文章于 2024-10-09 09:35:08 发布

阅读量1.2w

点赞数

分类专栏：接口文章标签：微信小程序 swiper current

本文链接：https://blog.csdn.net/xiaxia_Lin/article/details/101016140

版权

在微信小程序项目中，作者遇到使用swiper组件时的问题。当用户点击分类切换服务项目时，如果滑动到某个没有对应数据的swiper页，页面会显示空白。为解决这个问题，作者发现swiper组件提供了current属性，可以通过设置这个属性使swiper在点击分类时返回第一页，避免显示空白。建议在遇到类似问题时，查阅官方文档寻找解决方案。

摘要由CSDN通过智能技术生成

查看小程序官方文档
https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
在这里插入图片描述
做项目时遇到一个问题：
情景：刚进入页面时显示所有服务项目,当点击一个分类时获取这个分类下的服务项目，服务项目显示在swiper组件上。
问题是:当我滑动到第2页上的时候，点击了一个分类，滑块上显示空白，原因是当前所在滑块的 index索引值上没有数据了，那么我的想法是:当我每次点击的时候直接让swiper回到第一页，就不会出现这种情况了，找了很久，才发现swiper组件本身就有current属性。所以遇到问题还是的多多看官方文档
贴上我的代码如下

 <swiper bindchange="moveServerProSwiper" current="{
  {swiperIndex}}" class="serviceSwiper" style="margin-top:3%;">
        <block  wx:for="{
  {imgs}}" wx:for-index="index" wx:key="swiperItem" wx:for-item="eachItem" >
          <swiper-item class="swiper-items"  >
            <view >
           <!-- 服务项目开始 -->