unicloud-db组件手机拉到底部加载下一页，数据追加合并到data里，页面重新渲染，没有局部更新，出现空白闪烁！

分类：uniCloud

bug反馈

    <unicloud-db v-slot:default="{data, loading, hasMore, error}" collection="paint" :where="'type==' + tempstr" ref='udb' :page-size='12' >  
        <view v-if="error">加载错误</view>  
        <view v-else-if="loading" class="loading"></view>  
        <view v-else>  
            <view class="imageLists">  
                <image :src="items.compress.url" mode="widthFix" v-for="(items,index) in data"  :key='index'>  
                </image>  
            </view>  
        </view>  
    </unicloud-db>

    onReachBottom() {  
        this.$refs.udb.loadMore()  
    },

2022-02-25 00:18 负责人:无分享

4 个回复

t***@hotmail.com - like a boss

遇到同样问题。

小朋友 - 规范化广泛的

我的unicloud-db 都获取不到数据 https://ask.dcloud.net.cn/question/141461

DCloud_uni-ad_HDX

参考这个答复 https://ask.dcloud.net.cn/question/141461

9***@qq.com

<unicloud-db v-slot:default="{data, loading, hasMore, error}" collection="paint" :where="'type==' + tempstr" ref='udb' :page-size='12' >    
            <view v-if="error">加载错误</view>    
            <!-- <view v-else-if="loading" class="loading"></view> -->  
            <view v-else>  
                <view v-if="loading" class="loading"></view>  
                <view class="imageLists">    
                    <image :src="items.compress.url" mode="widthFix" v-for="(items,index) in data"  :key='index'>    
                    </image>    
                </view>    
            </view>    
        </unicloud-db>

将加载中的代码去掉，因为上面代码每次触发加载时，都会只渲染加载，而数据页面都会重新销毁渲染。如果需要加载状态，将加载的代码结构跟数据页面放在一起，根据loading来显示加载状态。

该问题目前已经被锁定, 无法添加新回复

unicloud-db组件手机拉到底部加载下一页，数据追加合并到data里，页面重新渲染，没有局部更新，出现空白闪烁！

4 个回复

公告

相关问题

unicloud-db组件 手机拉到底部加载下一页，数据追加合并到data里，页面重新渲染，没有局部更新，出现空白闪烁！

与内容相关的链接

4 个回复

公告

相关问题

unicloud-db组件手机拉到底部加载下一页，数据追加合并到data里，页面重新渲染，没有局部更新，出现空白闪烁！