<view v-if="scrollTop>400" class="backTop" >
<image :src="src" mode="widthFix" />
</view>
<scroll-view class="listmain" @scrolltolower="jumppage_city" scroll-y="true" v-if="citycircle">
<view v-for="(itemimg,indeximg) in analysisimg(item.imglist)" :key="indeximg" class="imgview" >
<image class="ping_img" mode="aspectFill" :src="imgsrcurl+itemimg"></image>
</view>
</scroll-view>
其中
```
data() {
return {
scrollTop:0,
src: '../../static/back-top/top.png',
}
},
onPageScroll(e) {
scrollTop = e.scrollTop;
},
methods: {
analysisimg(imgarrstr)
{
var imglist=imgarrstr.split(";");
console.log(imglist)
return imglist;
},
}
每次拉动滚动框的时候都会执行analysisimg函数,性能极度地被耗掉,经测试是监听onPageScroll之后滚动页面都会重新渲染image导致都要执行analysisimg函数。
叶凌风 (作者)
插件造成这个问题也是监听onPageScroll造成的,请看上面问题修改过的。
2021-02-04 21:07