<template>
<list class="my-pages">
<cell class="item" v-for="(item,index) in data.data" :key="index">
<image class="litpic" :src="item.litpic" mode="aspectFit" placeholder="https://dzpk-cms-1251326517.image.myqcloud.com/antcms/202008/cc3ecbdce439807bbca4d81e96a1f391.png"></image>
</cell>
<cell><button type="default" @click="getMore">加载下一页</button></cell>
</list>
</template>
<script>
export default {
data() {
return {
data: {data:[], page:1},
}
},
mounted() {
this.getNewsList()
},
methods: {
//请求数据
getNewsList(e) {
uni.request({
url: 'https://api.dzpklite.com/app/news/newsList',
data:{
type:0,
page:this.data.page
},
success: (res) => {
if (res.data.code == 200) {
if (this.data.page == 1) {
this.data.data = res.data.result
}else {
this.data.data = this.data.data.concat(res.data.result)
}
}
}
});
},
getMore(){
this.data.page++
this.getNewsList()
}
}
}
</script>
<style lang="scss">
.my-pages{
flex: 1;
background-color: #F8F8F8;
}
.item{
width: 100%;
margin-bottom: 20rpx;
}
.litpic{
width: 300rpx;
height: 200rpx;
}
</style>
z***@dzpk.com
- 发布：2021-01-15 16:41
- 更新：2021-01-26 10:04
- 阅读：1101
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.0.7
手机系统： iOS
手机系统版本号： IOS 14
手机厂商： 苹果
手机机型： iphone 8
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
点击一下页按钮加载数据，多点几次后开始图片显示非常慢，一直显示的占位图，wifi环境下特别特别慢
vue的都能很快显示出来
点击一下页按钮加载数据，多点几次后开始图片显示非常慢，一直显示的占位图，wifi环境下特别特别慢
vue的都能很快显示出来
预期结果：
nvue文件中image图片显示很快
nvue文件中image图片显示很快
实际结果：
nvue文件中image图片显示非常慢
nvue文件中image图片显示非常慢
bug描述：
nvue文件中image图片显示非常慢，经常好几秒后才显示出来,期间一直显示占位图，特别在wifi环境下一直加载不出来，4G还好一点
天生DR
代码已经修复 会在下一个alpha版 发布
2021-01-28 15:41