小小菜76055421
小小菜76055421
  • 发布:2023-01-11 10:22
  • 更新:2023-01-16 23:15
  • 阅读:129

【报Bug】3.6.16版本,swiper-item中包裹scroll-view组件,scroll-view包裹的数据不能动态渲染

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.16

浏览器平台: Chrome

浏览器版本: 97.0.4692.99

项目创建方式: HBuilderX

操作步骤:
<swiper class="swiper" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">  
            <swiper-item class="swiper-item">  
                {{swiperCurrent}}  
                <scroll-view scroll-y class="scroll-Y" @scrolltolower="loadMore(index1)" show-scrollbar>  
                    {{swiperCurrent}}  
                </scroll-view>  
            </swiper-item>  
        </swiper>

预期结果:

scroll-view中的swiperCurrent正常渲染

实际结果:

scroll-view中的swiperCurrent不能动态渲染

bug描述:

<swiper class="swiper" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">  
            <swiper-item class="swiper-item">  
                {{swiperCurrent}}  
                <scroll-view scroll-y class="scroll-Y" @scrolltolower="loadMore(index1)" show-scrollbar>  
                    {{swiperCurrent}}  
                </scroll-view>  
            </swiper-item>  
        </swiper>

scroll-view中的swiperCurrent只会渲染初始值,不会随着swiperCurrent变化而渲染

2023-01-11 10:22 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

swiper current 属性用来设置 swiper 当前所在滑块,其绑定值并不是响应式,swiper 切换后的滑块index应通过 change 事件获取

  • 小小菜76055421 (作者)

    实际上是写了change事件,swiperCurrent放到不同位置,就是为了作对比,scroll-view外的swiperCurrent是随着滑动动态变化的,而scroll-view里面的swiperCurrent只会渲染初始值,不能动态渲染

    2023-01-12 09:20

  • DCloud_UNI_WZF

    回复 小小菜76055421: 检查下代码,如确认框架问题,提供测试工程

    2023-01-12 10:29

  • 小小菜76055421 (作者)

    回复 DCloud_UNI_WZF: nvue页面出现

    2023-01-12 11:26

  • 小小菜76055421 (作者)

    回复 DCloud_UNI_WZF: 大佬,在vue3项目中跑下这个代码,就出现bug了

    2023-01-12 15:16

小小菜76055421

小小菜76055421 (作者)

附件已上传

DCloud_UNI_WZF

DCloud_UNI_WZF

测试正常

小小菜76055421

小小菜76055421 (作者)

我的项目上不显示,新建的demo,是没问题

  • 小小菜76055421 (作者)

    升级3.6.16就这样咯,难道我项目配置了什么东西,影响了这个的显示

    2023-01-12 12:00

  • DCloud_UNI_WZF

    回复 小小菜76055421: 新建demo没有问题,说明不是框架原因,检查你的代码逻辑或重新安装HBuilderX

    2023-01-13 10:25

  • 小小菜76055421 (作者)

    回复 DCloud_UNI_WZF: vue3项目,nvue页面,你再跑下,要还是复现不了,我就不报bug了

    2023-01-13 10:43

  • DCloud_UNI_WZF

    回复 小小菜76055421: 3.6.16 vue3 项目 复现该问题,后续请在帖子信息表中提供详细信息,减少沟通成本,谢谢

    2023-01-13 11:07

  • DCloud_UNI_WZF

    回复 小小菜76055421: 社区有很多问题,uniapp 是个多端项目,通常我们会验证对应平台的vue2 版本,人力有限,并不能验证两个vue版本甚至多个平台,而如果用户提供了准确的vue版本,目标平台甚至测试工程,则一来会减少像该问题的沟通成本,二来我们的效率更高,也就能处理更多的问题,更好的服务用户

    2023-01-13 11:14

小小菜76055421

小小菜76055421 (作者)

测试项目,hx3.6.17-alpha

DCloud_UNI_WZF

DCloud_UNI_WZF

vue3 项目复现该问题,感谢反馈,已加分
临时解决方案 替换 HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-h5/dist 为附件文件

z***@qq.com

z***@qq.com

在vue3中还有实时更新scroll-view内部的子组件中props的值时也不能更新

要回复问题请先登录注册