你是否在写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>