wepy微信小程序Swiper组件设置高度自适应后，后端数据删除最高一张后下拉刷新小程序Swiper盒子外层高度不会变化

最新推荐文章于 2024-04-02 11:36:38 发布

系咩

最新推荐文章于 2024-04-02 11:36:38 发布

阅读量424

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 wepy

本文链接：https://blog.youkuaiyun.com/qq_39650528/article/details/84850237

前端同时被 2 个专栏收录

12 篇文章

订阅专栏

wepy

5 篇文章

订阅专栏

本文详细介绍了在使用wepy框架开发微信小程序时遇到的Swiper组件高度自适应问题，特别是当后端数据更新后，Swiper组件无法实时调整高度的情况。通过监听数据变化并巧妙地在图片链接后添加随机数，实现了Swiper组件的高度动态调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wepy微信小程序Swiper组件设置高度自适应后，后端数据删除最高一张后下拉刷新小程序Swiper盒子外层高度不会变化，后面经过排查发现绑定的bindLoad方法只有在src变化的时候才会重新被执行，也就是说虽然后端的数据更新了，但是src是没有变化的，知道原因后就容易了，由于我这里使用的wepy组件化开发，我这里先用watch检测到数据更新再执行操作具体请看代码

 watch = {
    images(newValue, oldValue) {
      console.log(oldValue)
      console.log(newValue)
        // 遍历数组   
      let newArr = newValue.map((value, i) => {
        // 由于要检测到图片链接变化才会执行方法所以这里给每一个图片链接后面补上一个随机数
        value.imageurl = value.imageurl + '?' + Math.random() * 100
        return newArr
      })
      this.images = newValue
      this.$apply()
    }
  }