收藏
回答

动态的增加swiperitem不生效?

<swiper
    @change="swiperChange"
    class="swiper"
    duration="400"
    :vertical="true"
    :current="swiperData.current"
    @touchend="touchEnd"
    @touchstart="touchStart"
    :circular="swiperData.circular"
    @animationfinish="animationfinish"
>
  <swiper-item v-for="(item, index) in rawList" :key="index">
    {{ rawList }}
    <view class="swiper-item">
      <VideoPlay :src="item.src" :current="swiperData.current" :id="index"/>
    </view>
  </swiper-item>


const animationfinish = (e: { detail: { current: number } }) => {
  const {current} = e.detail;
  if (current === rawList.length - 2) {
    rawList.push({
      src: "https://xjc.demo.hongcd.com/uploads/20210327/1b72e1b6153cd29df07f5449991e8083.mp4",
      id: "6"

}); console.log(rawList, "滑动到倒数第二个push数据"); }};

回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    2023-07-07

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2023-07-07
    有用
    回复 1
    • ZforikX
      ZforikX
      发表于移动端
      2023-07-07
      就是初始数据五条渲染出个swiper item,然后滑动到倒数第二个的时候往原数据中添加一条 但是页面上的item还是五个没有变化
      2023-07-07
      回复
  • showms
    showms
    2023-07-09

    你push给rawList之后貌似没有setData?

    2023-07-09
    有用
    回复 1
    • ZforikX
      ZforikX
      发表于移动端
      2023-07-10
      我是uniapp写的
      2023-07-10
      回复
登录 后发表内容