uni-app在nvue开发中list组件渲染问题

你是否在写nvue的过程中,数据量大的时候遇到了list列表里面的cell会一条一条的渲染,体验及其的差,而且这样问题的原因还很不好排查,博主翻来覆去一行一行代码,才找到原因,例如如下代码

有问题的代码

<list class="user-list" ref="list">
    <cell class="user-item" v-for="(item,index) in dataList" :key="index">
           <view>
               <text>this is a content</text>
           </view>
    </cell>
</list>

问题解决,
原因:在官方文档中没有提到说cell如果设置了样式会有渲染问题,在数量量大的列表中,cell如果设置了样式,那就会导致列表一条一条渲染,所以只要在cell里面不设置样式就可以了

<list class="user-list" ref="list">
    <cell v-for="(item,index) in dataList" :key="index">
           <view  class="user-item">
                 <view>
                     <text>this is a content</text>
                 </view>
           </view>
    </cell>
</list>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。