5***@qq.com
5***@qq.com
  • 发布:2023-06-28 23:29
  • 更新:2023-07-01 17:21
  • 阅读:267

unicloud-db内使用uni-pagination不同步

分类:uni-app

问题描述

参考uni-admin使用unicloud-db进行列表展示与分页组件进行联动,点击切换至下一页时候,列表数据变更到下一页,可是组件的值没有动态改变


第一页数据显示没有问题

unicloud-db组件中返回的值是第二页的,分页组件状态还是第一页的
代码在附件中

2023-06-28 23:29 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com (作者)

问题解决了

<unicloud-db ref="udb" v-slot:default="{data, pagination, loading, error, options}">  
<view v-if="error">{{error.message}}</view>  
    <view v-else-if="loading">正在加载...</view>  
    <view v-else>  
        <!-- 分页组件 -->  
        <view class="pagination-view">  
            <uni-pagination show-icon show-page-size :pageSize="pagination.size" v-model="pagination.current"  
                :total="pagination.count" @change="onPageChanged" @pageSizeChange="changeSize" />  
        </view>  
    </view>  
</unicloud-db>

如上代码所示,我将分页组件放在了v-else内,导致数据每次加载的时候都要重新渲染一遍分页组件,clouddb中返回的数据在组件没有渲染完毕后加载了出来,导致组件每次都是默认值

要回复问题请先登录注册