你是否在寫nvue的過程中咐柜,數(shù)據(jù)量大的時候遇到了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如果設(shè)置了樣式會有渲染問題遗契,在數(shù)量量大的列表中,cell如果設(shè)置了樣式病曾,那就會導(dǎo)致列表一條一條渲染牍蜂,所以只要在cell里面不設(shè)置樣式就可以了
<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>