swiper前后出现多余白块

[collincheng]

相关平台

百度小程序

小程序基础库: 3.320.32
使用框架: Vue 3

复现步骤

swiper-item 是动态遍历的 前后会出现白块

期望结果

消除白块

实际结果

产生多余的白块

环境信息

  Taro CLI 3.3.1 environment info:
    System:
      OS: macOS 11.4
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 14.17.3 - ~/.nvm/versions/node/v14.17.3/bin/node
      Yarn: 1.22.5 - ~/.yarn/bin/yarn
      npm: 6.14.13 - ~/.nvm/versions/node/v14.17.3/bin/npm
    npmPackages:
      @tarojs/cli: ^3.3.1 => 3.3.1 
      @tarojs/components: ^3.3.1 => 3.3.1 
      @tarojs/mini-runner: 3.3.1 => 3.3.1 
      @tarojs/runtime: ^3.3.1 => 3.3.1 
      @tarojs/taro: ^3.3.1 => 3.3.1 
      @tarojs/webpack-runner: 3.3.1 => 3.3.1 
      babel-preset-taro: 3.3.1 => 3.3.1 
      eslint-config-taro: 3.3.1 => 3.3.1 

[DyanWtt]

我也遇到这个问题了！！！

[DyanWtt]

  <swiper
      @change="changeHandle"
      @tap="jumpRoute('/pages/shopImpression/index')"
      circular
      class="indexSwiper__swiper"
  >
      <swiper-item :key="index" v-for="(picture, index) in pictureList">
          <image :src="picture" class="indexSwiper__swiperItem" />
      </swiper-item>
  </swiper>

[collincheng]

只要是vfor就出现前后白块的，有人解决一下吗

[Chen-jj]

应该是 v-for 生成的注释节点影响到了，和支付宝一样 #9618

[collincheng]

@Chen-jj 我升级到了3.3.20 百度小程序还是存在空白 不用v-for循环 swiper滑动不了