canace
canace
  • 发布:2022-02-07 22:14
  • 更新:2022-02-08 12:18
  • 阅读:468

【报Bug】nvue的cell回收问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.3.10

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: 荣耀30

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<scroll-view class="scroll-h" :scroll-x="true">  
            <div class="tab-item" v-for="(tab,index) in tabBars" :key="tab.id" :id="tab.id" :data-current="index"  
                @click="ontabtap(index)">  
                <text class="uni-tab-item-title"  
                    :class="tab_index==index ? 'uni-tab-item-title-active' : ''">{{tab.name}}</text>  
            </div>  
        </scroll-view>  
        <list show-scrollbar="false" class="page-list" style="width: 750rpx; flex: 1;" ref="moreList" loadmoreoffset="5"  
            @loadmore="onloading()">  
            <cell>  
                <div class="music-lists">  
                    <div class="music-list" v-for="(playlist,mlIndex) in playlists" :key="mlIndex"  
                        @tap="to_playlist(playlist)">  
                        <image class="ml-bg-image" resize="cover" :src="playlist.picUrl"></image>  
                        <div class="music-list-header">  
                            <text class="favorite-num">

操作步骤:

更新tab时,切换速度慢,具体为视频6s左右开始切换

预期结果:

更新tab时,playlists会直接更新,不会出现卡断(请求内容除外)

实际结果:

更新tab,出现卡断,且很慢

bug描述:

在更新cell的内容时,回收速度非常的慢,有明显的卡顿,而且我的cell并没有任何其他内容

bug视频:https://vkceyugu.cdn.bspapp.com/VKCEYUGU-154bf744-1764-4b4f-acb3-9f109cea32e7/1a3f797c-dd97-41d8-b6cf-139b6cb6c7ff.mp4

demo如下

2022-02-07 22:14 负责人:DCloud_Android_ST 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

请提供具体示例demo我们排查验证一下

  • canace (作者)

    弄了个简单demo,已经上传

    2022-02-08 13:13

  • DCloud_Android_ST

    回复 canace: 你上传的demo运行后无法参考视频中的复现步骤操作。有复现操作 步骤吗

    2022-02-08 15:12

  • canace (作者)

    回复 DCloud_Android_ST: 我把nvueStyleCompiler换成weex了就好了,当时换了没有用,现在重新安装就可以了

    2022-02-08 15:53

该问题目前已经被锁定, 无法添加新回复